فهم Widgets في Flutter

في Flutter ، Widgets هي اللبنات الأساسية لبناء واجهة المستخدم للتطبيق. كل رأي في Flutter هو القطعة. هناك نوعان رئيسيان من 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. يستخدم هيكل شجرة القطعة لبناء واجهة المستخدم. يمكن أن تحتوي كل عنصر واجهة مستخدم ، على تشكيل هيكل هرمي. Flutter Widgets Flutter 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'),  
            ],  
         ),  
       ),  
     ),  
   );  
  }  
}  

في المثال أعلاه ، نستخدمها لبناء ملف. يمكنك تغيير وبنية شجرة عنصر واجهة المستخدم لإنشاء واجهات مستخدم أكثر تعقيدًا وديناميكية لتطبيقك. MaterialApp, Scaffold, Column, RaisedButton, Text Widgets interface Widgets

خاتمة

Widgets هي أساس واجهة المستخدم في Flutter. باستخدام مدمج Widgets وإنشاء مخصص Widgets ، يمكنك إنشاء تطبيقات متنوعة وجذابة فيها Flutter.