புரிந்து 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.