Bini UI bi Scaffold u AppBar ġewwa Flutter

F' Flutter, tista' tibni user interface sempliċi iżda b'saħħitha billi tuża Scaffold u AppBar widgets. Scaffold jipprovdi struttura bażika għal app b'elementi komuni bħall-istrixxa tal-app, il-korp tal-app, u buttuni tan-navigazzjoni. AppBar hija parti minn Scaffold u fiha t-titlu tal-app u l-għażliet tan-navigazzjoni.

Hawn taħt hawn gwida dwar kif tibni interface għall-utent sempliċi billi tuża Scaffold u AppBar:

Oħloq Flutter App Ġdida

L-ewwel, oħloq app ġdida Flutter billi tħaddem il-kmand li ġej fil- terminal:

flutter create app_name

(Ibdel app_name bl-isem mixtieq tal-app tiegħek).

Editja l-Fajl main.dart

Fil-fajl main.dart(ġewwa l-folder lib), ibdel il-kontenut b'dan li ġej:

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

Fl-eżempju t'hawn fuq, noħolqu app bi Scaffold u AppBar. Il Scaffold fih il- AppBar u l-korp tal-interface tal-utent mgħoddi lill- body proprjetà.

Mexxi l-App

Fl-aħħarnett, biex tħaddem l-app, mexxi l-kmand li ġej fil- terminal:

flutter run

L-app tiegħek se turi skrin bit-titlu " Flutter App bi Scaffold u AppBar " fuq l-istrixxa tal-app u t-test Hello, world!  fiċ-ċentru tal-iskrin.

Konklużjoni: Scaffold u AppBar huma żewġ widgets essenzjali Flutter li jgħinuk tibni interface għall-utent sempliċi u funzjonali. Billi tużahom, tista 'toħloq apps attraenti b'komponenti bażiċi tal-UI bħall-app bar u l-korp tal-app.