UI kūrimas naudojant Scaffold ir AppBar viduje Flutter

Naudodami valdiklius Flutter galite sukurti paprastą, bet galingą vartotojo sąsają. suteikia pagrindinę programos struktūrą su įprastais elementais, pvz., programos juosta, programos turiniu ir naršymo mygtukais. yra programos dalis ir jame yra programos pavadinimas bei naršymo parinktys. Scaffold AppBar Scaffold AppBar Scaffold

Toliau pateikiamas vadovas, kaip sukurti paprastą vartotojo sąsają naudojant Scaffold ir AppBar:

Sukurkite naują Flutter programą

Pirmiausia sukurkite naują Flutter programą paleisdami šią komandą terminal:

flutter create app_name

(Pakeiskite app_name norimu programos pavadinimu).

Redaguokite main.dart failą

Main.dart faile(aplanke lib) pakeiskite turinį tokiu:

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

Aukščiau pateiktame pavyzdyje kuriame programą naudodami Scaffold ir AppBar. Jame Scaffold yra AppBar ir vartotojo sąsajos turinys, perduotas nuosavybei body.

Paleiskite programą

Galiausiai, norėdami paleisti programą, paleiskite šią komandą terminal:

flutter run

Programoje bus rodomas ekranas su pavadinimu „ Flutter Programa su Scaffold ir AppBar “ programų juostoje ir tekstas Hello, world!  ekrano centre.

Išvada: Scaffold ir AppBar yra du pagrindiniai valdikliai, Flutter padedantys sukurti paprastą ir funkcionalią vartotojo sąsają. Naudodami juos galite sukurti patrauklių programų su pagrindiniais vartotojo sąsajos komponentais, pvz., programos juosta ir programos turiniu.