Förståelse Widgets i Flutter

I Flutter, Widgets finns de grundläggande byggstenarna för att konstruera användargränssnittet för en app. Varje vy i Flutter är en widget. Det finns två huvudtyper av Widgets i Flutter:

Stateless Widgets

Stateless Widgets är widgets som inte har något tillstånd och inte ändras efter att de skapats. När appens tillstånd ändras, Stateless Widgets ritas om med de nya värdena men behåll inte något tillstånd.

Stateful Widgets

Stateful Widgets är widgets som har tillstånd och kan ändras under körning. När tillståndet ändras, Stateful Widgets ritas om automatiskt för att återspegla de nya ändringarna.

Flutter ger en mängd olika inbyggda Widgets som Text, Image, RaisedButton, Container och många fler för att konstruera användargränssnittet. Dessutom kan du skapa anpassade Widgets för att passa specifika appkrav.

Använder Widgets i Flutter

För att använda Widgets i Flutter skapar du helt enkelt Widgets och ordnar dem i appens widgetträd. Flutter använder en widget-trädstruktur för att bygga användargränssnittet. Varje widget kan innehålla underordnade, Widgets som bildar en hierarkisk struktur.

Till exempel, för att skapa en enkel app med en knapp och lite text, kan du använda Widgets så här:

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

I exemplet ovan använder vi för att bygga en enkel. Du kan ändra trädstrukturen och widgetens trädstruktur för att skapa mer komplexa och dynamiska användargränssnitt för din app. MaterialApp, Scaffold, Column, RaisedButton, Text Widgets interface Widgets

Slutsats

Widgets är grunden för användargränssnittet i Flutter. Genom att använda inbyggda Widgets och skapa anpassade Widgets kan du bygga olika och engagerande appar i Flutter.