Scaffold dan AppBar

Termasuk bagian Aplikasi Pertamamu dalam perjalanan Flutter di Coddy. Pelajaran 4 dari 32.

Scaffold adalah kerangka layar. Widget ini menyediakan halaman kosong dan tempat untuk bagian-bagian umum sebuah aplikasi. body: adalah area utama, sedangkan appBar: adalah bilah di bagian atas.

Scaffold(
  appBar: AppBar(
    title: Text('Settings'),
  ),
  body: Center(
    child: Text('Nothing here yet'),
  ),
)

AppBar menggambar bilah atas dan menampilkan title: di dalamnya. Sebuah widget dapat menerima beberapa bagian bernama seperti ini, yang masing-masing ditulis sebagai name: value,.

Tantangan

Mudah

Tambahkan bilah atas ke aplikasi:

tambahkan appBar: ke Scaffold, di atas body:
jadikan sebagai AppBar yang title:-nya adalah Text('My First App')

Coba sendiri

import 'package:flutter/material.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        body: Center(
          child: Text('Welcome'),
        ),
      ),
    );
  }
}