Junior — Middle
Tudsz példát mondani arra, hogyan alkalmazzuk a Scaffold mintát felhasználói felületek fejlesztése során?
sobes.tech MI
Válasz az MI-től
Flutterben a Scaffold mintát arra használják, hogy létrehozzák az alkalmazás képernyőjének alapvető szerkezetét olyan elemekkel, mint az AppBar, Drawer, FloatingActionButton stb.
Példa a Scaffold használatára:
import 'package:flutter/material.dart';
class MyHomePage extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('Scaffold példa'),
),
drawer: Drawer(
child: ListView(
children: [
DrawerHeader(
child: Text('Menü'),
decoration: BoxDecoration(color: Colors.blue),
),
ListTile(
title: Text('Elem 1'),
onTap: () {},
),
],
),
),
body: Center(
child: Text('A képernyő fő tartalma'),
),
floatingActionButton: FloatingActionButton(
onPressed: () {},
child: Icon(Icons.add),
),
);
}
}
Itt a Scaffold biztosítja az alapértelmezett képernyőkeretet a felső sávval, oldalsó menüvel, fő tartalommal és akciógombbal.