什麼是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: