Stavební uživatelské rozhraní s Scaffold a AppBar uvnitř Flutter

V Flutter, můžete vytvořit jednoduché, ale výkonné uživatelské rozhraní pomocí Scaffold a AppBar widgetů. Scaffold poskytuje základní strukturu pro aplikaci s běžnými prvky, jako je lišta aplikace, tělo aplikace a navigační tlačítka. AppBar je součástí Scaffold a obsahuje název aplikace a možnosti navigace.

Níže je uveden návod, jak vytvořit jednoduché uživatelské rozhraní pomocí Scaffold a AppBar:

Vytvořit novou Flutter aplikaci

Nejprve vytvořte novou Flutter aplikaci spuštěním následujícího příkazu v terminal:

flutter create app_name

(Nahraďte app_name požadovaným názvem vaší aplikace).

Upravte soubor main.dart

V souboru main.dart(ve složce lib) nahraďte obsah následujícím:

import 'package:flutter/material.dart';  
  
void main() {  
  runApp(MyApp());  
}  
  
class MyApp extends StatelessWidget {  
  @override  
  Widget build(BuildContext context) {  
    return MaterialApp(  
      home: MyHomePage(),  
   );  
  }  
}  
  
class MyHomePage extends StatelessWidget {  
  @override  
  Widget build(BuildContext context) {  
    return Scaffold(  
      appBar: AppBar(  
        title: Text('Flutter App with Scaffold and AppBar'),  
     ),  
      body: Center(  
        child: Text('Hello, world!'),  
     ),  
   );  
  }  
}  

Ve výše uvedeném příkladu vytvoříme aplikaci pomocí Scaffold a AppBar. Obsahuje Scaffold a AppBar tělo uživatelského rozhraní předané vlastnosti body.

Spusťte aplikaci

Nakonec pro spuštění aplikace spusťte následující příkaz v terminal:

flutter run

Vaše aplikace zobrazí obrazovku s názvem „ Flutter Aplikace s Scaffold a AppBar “ na liště aplikací a textem Hello, world!  uprostřed obrazovky.

Závěr: Scaffold a AppBar jsou to dva základní widgety Flutter, které vám pomohou vytvořit jednoduché a funkční uživatelské rozhraní. Pomocí nich můžete vytvářet atraktivní aplikace se základními komponentami uživatelského rozhraní, jako je panel aplikací a tělo aplikace.