Ndërtimi i UI me Scaffold dhe AppBar brenda Flutter

Në Flutter, ju mund të ndërtoni një ndërfaqe të thjeshtë por të fuqishme përdoruesi duke përdorur Scaffold dhe AppBar miniaplikacione. Scaffold ofron një strukturë bazë për një aplikacion me elementë të përbashkët si shiriti i aplikacionit, trupi i aplikacionit dhe butonat e navigimit. AppBar është pjesë Scaffold dhe përmban titullin e aplikacionit dhe opsionet e navigimit.

Më poshtë është një udhëzues se si të ndërtoni një ndërfaqe të thjeshtë përdoruesi duke përdorur Scaffold dhe AppBar:

Krijo një Flutter aplikacion të ri

Së pari, krijoni një Flutter aplikacion të ri duke ekzekutuar komandën e mëposhtme në terminal:

flutter create app_name

(Zëvendësojeni app_name me emrin e dëshiruar të aplikacionit tuaj).

Redaktoni skedarin main.dart

Në skedarin main.dart(brenda dosjes lib), zëvendësoni përmbajtjen me sa vijon:

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ë shembullin e mësipërm, ne krijojmë një aplikacion me Scaffold dhe AppBar. Përmban Scaffold trupin AppBar dhe ndërfaqen e përdoruesit të kaluar në body pronë.

Ekzekutoni aplikacionin

Më në fund, për të ekzekutuar aplikacionin, ekzekutoni komandën e mëposhtme në terminal:

flutter run

Aplikacioni juaj do të shfaqë një ekran me titullin " Flutter Aplikacioni me Scaffold dhe AppBar " në shiritin e aplikacionit dhe tekstin Hello, world!  në qendër të ekranit.

Përfundim: Scaffold dhe AppBar janë dy miniaplikacione thelbësore Flutter që ju ndihmojnë të ndërtoni një ndërfaqe të thjeshtë dhe funksionale të përdoruesit. Duke i përdorur ato, mund të krijoni aplikacione tërheqëse me komponentë bazë të ndërfaqes së përdoruesit si shiriti i aplikacionit dhe trupi i aplikacionit.