Widgets માં સમજણ Flutter

માં Flutter, Widgets એપના યુઝર ઇન્ટરફેસના નિર્માણ માટે મૂળભૂત બિલ્ડીંગ બ્લોક્સ છે. દરેક દૃશ્ય Flutter વિજેટ છે. Widgets તેમાં બે મુખ્ય પ્રકારો છે 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.