anlama Widgets _ Flutter

, bir uygulamanın kullanıcı Flutter arayüzünü Widgets oluşturmak için temel yapı taşlarıdır. İçindeki her görünüm Flutter bir Widget'tır. Widgets İki ana in türü vardır Flutter:

Stateless Widgets

Stateless Widgets widgets herhangi bir durumu olmayan ve oluşturulduktan sonra değişmeyenlerdir. Uygulamanın durumu değiştiğinde, Stateless Widgets yeni değerlerle yeniden çizin ancak hiçbir durumu korumayın.

Stateful Widgets

Stateful Widgets durumu olan widgets ve çalışma süresi boyunca değişebilenlerdir. Durum değiştiğinde, Stateful Widgets yeni değişiklikleri yansıtmak için otomatik olarak yeniden çizilir.

Flutter Kullanıcı arabirimi oluşturmak için çeşitli yerleşik ve daha pek çok şey sağlar Widgets. Ek olarak, belirli uygulama gereksinimlerine uyacak şekilde Text, Image, RaisedButton, Container özel oluşturabilirsiniz. Widgets

kullanarak Widgets _ Flutter

Widgets içinde kullanmak için Flutter, onu oluşturmanız Widgets ve uygulamanın Widget ağacında düzenlemeniz yeterlidir. Flutter kullanıcı arabirimini oluşturmak için bir Widget ağaç yapısı kullanır. Widgets Her Widget, hiyerarşik bir yapı oluşturan child içerebilir .

Widgets Örneğin, bir düğme ve biraz metin içeren basit bir uygulama oluşturmak için şu şekilde kullanabilirsiniz:

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

Yukarıdaki örnekte, basit bir. Uygulamanız için daha karmaşık ve dinamik kullanıcı arayüzleri oluşturmak için Widget ağaç yapısını değiştirebilirsiniz. MaterialApp, Scaffold, Column, RaisedButton, Text Widgets interface Widgets

Çözüm

Widgets. Flutter _ Yerleşik kullanarak Widgets ve özel oluşturarak Widgets, içinde çeşitli ve ilgi çekici uygulamalar oluşturabilirsiniz Flutter.