Megértés Widgets be Flutter

Itt találhatók az alkalmazások felhasználói felületének létrehozásának alapvető építőkövei Flutter. Widgets Minden nézet Flutter egy widget. Két fő típusa Widgets van Flutter:

Stateless Widgets

Stateless Widgets amelyeknek widgets nincs állapotuk, és létrehozásuk után sem változnak. Amikor az alkalmazás állapota megváltozik, Stateless Widgets újrarajzolja az új értékekkel, de nem őriz meg semmilyen állapotot.

Stateful Widgets

Stateful Widgets állapotuk van widgets, és futás közben változhatnak. Amikor az állapot megváltozik, a Stateful Widgets rendszer automatikusan újrarajzolja az új változásokat.

Flutter számos beépített lehetőséget biztosít, Widgets például Text, Image, RaisedButton, Container és még sok mást a felhasználói felület felépítéséhez. Ezenkívül egyéni alkalmazásokat is létrehozhat, Widgets amelyek megfelelnek az alkalmazás követelményeinek.

Használata Widgets be Flutter

Widgets A használatához Flutter egyszerűen létre kell hoznia Widgets és el kell rendeznie őket az alkalmazás widgetfájában. Flutter widget fastruktúrát használ a felhasználói felület felépítéséhez. Minden widget tartalmazhat gyermeket Widgets, amely hierarchikus struktúrát alkot.

Widgets Például egy gombbal és szöveges egyszerű alkalmazás létrehozásához a következőket használhatja:

import 'package:flutter/material.dart';  
  
void main() {  
  runApp(MyApp());  
}  
  
class MyApp extends StatelessWidget {  
  @override  
  Widget build(BuildContext context) {  
    return MaterialApp(  
      home: Scaffold(  
        appBar: AppBar(  
          title: Text('Flutter Widgets'),  
       ),  
        body: Center(  
          child: Column(  
            mainAxisAlignment: MainAxisAlignment.center,  
            children: [  
              RaisedButton(  
                onPressed:() {  
                  // Xử lý khi nút được nhấn  
                },  
                child: Text('Nhấn vào đây'),  
             ),  
              Text('Chào mừng đến với Flutter Widgets'),  
            ],  
         ),  
       ),  
     ),  
   );  
  }  
}  

A fenti példában egy egyszerű. Módosíthatja a és a Widget fa szerkezetét, hogy összetettebb és dinamikusabb felhasználói felületeket hozzon létre az alkalmazáshoz. MaterialApp, Scaffold, Column, RaisedButton, Text Widgets interface Widgets

Következtetés

Widgets a felhasználói felület alapját képezik Flutter. A beépített Widgets és az egyéni létrehozásával Widgets változatos és lebilincselő alkalmazásokat készíthet a Flutter.