Sobes.tech
Junior — Middle

Μπορείς να δώσεις ένα παράδειγμα εφαρμογής του μοτίβου Scaffold στην ανάπτυξη διεπαφών;

sobes.tech AI

Απάντηση από AI

Στο Flutter, το μοτίβο Scaffold χρησιμοποιείται για τη δημιουργία της βασικής δομής της οθόνης της εφαρμογής με στοιχεία όπως το AppBar, το Drawer, το FloatingActionButton κ.ά.

Παράδειγμα χρήσης του Scaffold:

import 'package:flutter/material.dart';

class MyHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Παράδειγμα Scaffold'),
      ),
      drawer: Drawer(
        child: ListView(
          children: [
            DrawerHeader(
              child: Text('Μενού'),
              decoration: BoxDecoration(color: Colors.blue),
            ),
            ListTile(
              title: Text('Στοιχείο 1'),
              onTap: () {},
            ),
          ],
        ),
      ),
      body: Center(
        child: Text('Κύριο περιεχόμενο οθόνης'),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: () {},
        child: Icon(Icons.add),
      ),
    );
  }
}

Εδώ, το Scaffold παρέχει το πρότυπο πλαίσιο της οθόνης με την επάνω γραμμή, το πλαϊνό μενού, το κύριο περιεχόμενο και το κουμπί ενεργειών.