Felhasználói felület készítése együtt Scaffold és AppBar belül Flutter

A programban Flutter egyszerű, de hatékony felhasználói felületet építhet Scaffold a AppBar widgetek használatával. Scaffold alapvető struktúrát biztosít az alkalmazások számára olyan általános elemekkel, mint az alkalmazássáv, az alkalmazás törzse és a navigációs gombok. AppBar része Scaffold, és tartalmazza az alkalmazás címét és a navigációs lehetőségeket.

Az alábbiakban bemutatjuk, hogyan hozhat létre egyszerű felhasználói felületet Scaffold a és segítségével AppBar:

Hozzon létre egy új Flutter alkalmazást

Először hozzon létre egy új Flutter alkalmazást a következő parancs futtatásával a következőben terminal:

flutter create app_name

(Cserélje le app_name az alkalmazás kívánt nevével).

Szerkessze a main.dart fájlt

A main.dart fájlban(a lib mappán belül) cserélje ki a tartalmat a következőre:

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!'),  
     ),  
   );  
  }  
}  

A fenti példában létrehozunk egy alkalmazást Scaffold a és a segítségével AppBar. A és a tulajdonságnak átadott felhasználói felület törzsét Scaffold tartalmazza. AppBar body

Futtassa az alkalmazást

Végül az alkalmazás futtatásához futtassa a következő parancsot a terminal:

flutter run

Alkalmazása egy képernyőt jelenít meg, amelyen az alkalmazássávon az „ Flutter Alkalmazás Scaffold és ” cím,  a képernyő közepén pedig a szöveg található. AppBar Hello, world!

Következtetés: Scaffold és AppBar ez a két alapvető widget, Flutter amelyek segítenek egy egyszerű és funkcionális felhasználói felület felépítésében. Használatuk révén vonzó alkalmazásokat hozhat létre olyan alapvető felhasználói felület-összetevőkkel, mint az alkalmazássáv és az alkalmazás törzse.