Scaffold i AppBar

Część sekcji Twoja pierwsza aplikacja ścieżki Flutter w Coddy. Lekcja 4 z 32.

Scaffold to szkielet ekranu. Zapewnia pustą stronę i miejsce na typowe elementy aplikacji. Jego body: to główny obszar, a appBar: to pasek u góry.

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

AppBar rysuje górny pasek i wyświetla w nim title:. Widget może przyjmować kilka nazwanych części, takich jak te, z których każda jest zapisana jako name: value,.

Wyzwanie

Łatwy

Dodaj aplikacji górny pasek:

dodaj appBar: do Scaffold, nad jego body:
utwórz AppBar, którego title: ma wartość Text('My First App')

Spróbuj swoich sił

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'),
        ),
      ),
    );
  }
}