Sobes.tech
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.