什么是flutter小部件(widgets)？

Flutter是谷歌的UI工具包，用于跨平台开发漂亮的、原生编译的iOS和Android应用。我们从widgets开始构建应用--flutter应用程序的构建模块。小组件描述了在当前配置和状态下它们的视图应该是什么样子。它包括文本小部件，行小部件，列小部件，容器小部件，以及更多。

小组件。Flutter应用的屏幕上的每个元素都是一个widget。屏幕的视图完全取决于用于构建应用程序的小组件的选择和顺序。而一个app的代码结构就是一棵widget树。

 

小部件的类型。在flutter中大致有两种类型的widget：

• 无状态小部件 
• 有状态的小部件 

 

Example。基本应用程序屏幕的布局树：

Dart

import 'package:flutter/material.dart';  
  
void main() => runApp(GeeksforGeeks());  
  
class GeeksforGeeks extends StatelessWidget {  
  @override  
  Widget build(BuildContext context) {  
    return MaterialApp( home: Scaffold( backgroundColor: Colors.lightGreen, 
                                       appBar: AppBar( backgroundColor: Colors.green, 
                                       title: Text("GeeksforGeeks"), ), 
                                         
   body: Container( child: Center( child: Text("Hello Geeks!!"), ), ), ), ); } } 

使用的小部件的描述：

• Scaffold - 实现基本的材料设计视觉布局结构。
• AppBar - 在屏幕顶部创建一个栏。
• 文本 - 在屏幕上写任何内容。
• Container - 包含任何物件。
• 中心 - 为其他小组件提供中心对齐。

 

Output: