ਵਿੱਚ 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 ।