close

理解 Widgets 于 Flutter

在 中 Flutter， Widgets 是构建应用程序用户界面的基本构建块。 中的每个视图 Flutter 都是一个 Widget。 Widgets in 有两种主要类型 Flutter：

Stateless Widgets

Stateless Widgets 没有 widgets 任何状态并且在创建后不会改变。 当应用程序的状态发生变化时， Stateless Widgets 使用新值重新绘制，但不保留任何状态。

Stateful Widgets

Stateful Widgets 是 widgets 有状态并且可以在运行时改变的。 当状态发生变化时， Stateful Widgets 自动重绘以反映新的变化。

Flutter 提供了各种内置的 Widgets 诸如 Text, Image, RaisedButton, Container 以及更多来构建用户界面。 此外，您可以创建自定义 Widgets 以满足特定的应用程序要求。

使用 Widgets 于 Flutter

要使用 Widgets in Flutter，您只需创建 Widgets 并将它们排列在应用程序的 Widget 树中。 Flutter 使用Widget树结构来构建用户界面。 每个 Widget 都可以包含 child Widgets，形成层次结构。

例如，要创建一个带有按钮和一些文本的简单应用程序，您可以 Widgets 像这样使用： 

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

在上面的示例中，我们使用 构建一个简单的. 您可以更改 Widget 树结构，为您的应用程序创建更复杂和动态的用户界面。 MaterialApp, Scaffold, Column, RaisedButton, Text Widgets interface Widgets

 

结论

Widgets 是 中用户界面的基础 Flutter。 通过使用内置 Widgets 和创建自定义 Widgets，您可以在 Flutter.