Junior — Middle
Kun je een voorbeeld geven van het gebruik van het Scaffold-patroon bij het ontwikkelen van interfaces?
sobes.tech AI
Antwoord van AI
In Flutter wordt het Scaffold-patroon gebruikt om de basisstructuur van het scherm van de applicatie te creëren met elementen zoals AppBar, Drawer, FloatingActionButton, enz.
Voorbeeld van het gebruik van Scaffold:
import 'package:flutter/material.dart';
class MyHomePage extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('Voorbeeld Scaffold'),
),
drawer: Drawer(
child: ListView(
children: [
DrawerHeader(
child: Text('Menu'),
decoration: BoxDecoration(color: Colors.blue),
),
ListTile(
title: Text('Item 1'),
onTap: () {},
),
],
),
),
body: Center(
child: Text('Hoofdinhoud van het scherm'),
),
floatingActionButton: FloatingActionButton(
onPressed: () {},
child: Icon(Icons.add),
),
);
}
}
Hier biedt Scaffold de standaardstructuur van het scherm met een bovenbalk, zijmenu, hoofdinhoud en actieknop.