Sobes.tech
Junior

Welche Rolle spielt das Scaffold-Widget in einer Flutter-Anwendung?

sobes.tech KI

Antwort von AI

Das Scaffold-Widget bietet eine grundlegende Material Design-Struktur für die Anwendung. Es umfasst die wichtigsten UI-Komponenten wie:

  • appBar: Leiste oben auf dem Bildschirm.
  • bottomNavigationBar: Leiste unten auf dem Bildschirm für die Navigation.
  • floatingActionButton: Button für die Hauptaktion.
  • drawer: Seitliches Menü, das vom linken oder rechten Rand ausklappt.
  • body: Hauptbereich für den Inhalt des Bildschirms.
  • snackBar: Popup-Nachricht bei einem Ereignis.

Beispiel für die Verwendung:

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Meine Scaffold-Anwendung'),
        ),
        body: Center(
          child: Text('Hallo, Scaffold!'),
        ),
        floatingActionButton: FloatingActionButton(
          onPressed: () {
            // Aktion beim Drücken
          },
          child: Icon(Icons.add),
        ),
      ),
    );
  }
}