Sobes.tech
Junior

Wat is de rol van het Scaffold-widget in een Flutter-applicatie?

sobes.tech AI

Antwoord van AI

De Scaffold-widget biedt een basisstructuur van Material Design voor de toepassing. Het bevat de belangrijkste gebruikersinterfacecomponenten zoals:

  • appBar: Balk bovenaan het scherm.
  • bottomNavigationBar: Balk onderaan het scherm voor navigatie.
  • floatingActionButton: Knop voor de hoofdactie.
  • drawer: Zijmenu dat uit de linker- of rechterrand schuift.
  • body: Het hoofdgebied voor de inhoud van het scherm.
  • snackBar: Pop-up bericht over een gebeurtenis.

Voorbeeld van gebruik:

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('Mijn Scaffold-toepassing'),
        ),
        body: Center(
          child: Text('Hallo, Scaffold!'),
        ),
        floatingActionButton: FloatingActionButton(
          onPressed: () {
            // Actie bij drukken
          },
          child: Icon(Icons.add),
        ),
      ),
    );
  }
}