Scaffold und AppBar

Teil des Abschnitts Deine erste App der Flutter-Journey von Coddy. Lektion 4 von 32.

Scaffold bildet den Rahmen eines Bildschirms. Es gibt dir eine leere Seite und Platz für die üblichen Bestandteile einer App. Sein body: ist der Hauptbereich, und seine appBar: ist die Leiste am oberen Rand.

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

AppBar zeichnet die obere Leiste und zeigt darin seinen title: an. Ein Widget kann mehrere benannte Bestandteile wie diesen annehmen, die jeweils als name: value, geschrieben werden.

Aufgabe

Einfach

Gib der App eine obere Leiste:

Füge ein appBar: zum Scaffold hinzu, oberhalb seines body:
Verwende dafür ein AppBar, dessen title: Text('My First App') ist

Probier es selbst

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