Construirea interfeței de utilizare cu Scaffold și AppBar în Flutter

În Flutter, puteți construi o interfață de utilizator simplă, dar puternică, folosind widget Scaffold- AppBar uri. Scaffold oferă o structură de bază pentru o aplicație cu elemente comune precum bara aplicației, corpul aplicației și butoanele de navigare. AppBar face parte din Scaffold și conține titlul aplicației și opțiunile de navigare.

Mai jos este un ghid despre cum să construiți o interfață de utilizator simplă folosind Scaffold și AppBar:

Creați o nouă Flutter aplicație

Mai întâi, creați o nouă Flutter aplicație rulând următoarea comandă în terminal:

flutter create app_name

(Înlocuiți app_name cu numele dorit al aplicației dvs.).

Editați fișierul main.dart

În fișierul main.dart(în interiorul folderului lib), înlocuiți conținutul cu următorul:

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

În exemplul de mai sus, creăm o aplicație cu Scaffold și AppBar. Conține și Scaffold corpul AppBar interfeței cu utilizatorul transmis proprietății body.

Rulați aplicația

În cele din urmă, pentru a rula aplicația, rulați următoarea comandă în terminal:

flutter run

Aplicația dvs. va afișa un ecran cu titlul „ Flutter Aplicație cu Scaffold și AppBar ” în bara de aplicații și textul Hello, world!  în centrul ecranului.

Concluzie: Scaffold și AppBar sunt două widget-uri esențiale Flutter care vă ajută să construiți o interfață de utilizator simplă și funcțională. Folosindu-le, puteți crea aplicații atractive cu componente de bază ale UI, cum ar fi bara de aplicații și corpul aplicației.