باینری ..
خوب ، به من برگرد … این بار می خواهیم در مورد اصول ویجت در فلاتر بحث کنیم!
با ویجت در Flutter آشنا شوید: این بنیاد برای ایجاد یک برنامه جالب تلفن همراه مهم است
Flutter ، یک “ابزار جادویی” از Google ، آیا در حال حاضر در بین سازندگان برنامه های تلفن همراه واقعاً گرایش دارد … چرا؟ بله شاید به این دلیل که Flutter باعث می شود فرآیند برنامه کاربردی را آسانتر و سریعتر کند! خوب ، یکی از کلیدهای مهمی که باید در فلاتر بدانید “ویجت” است.
بیایید فقط بگوییم ویجت مانند “مصالح ساختمانی” یا واقعیت مانند “مواد نقاشی” شما برای ساختن “نقاشی های زیبا” در اینجا است که ما به عنوان نمایشگر برنامه می گوییم … شروع از دکمه ها ، نوشتن ، تصاویر ، تا طرح کلی ، همه آنها با استفاده از ابزارک ها تشکیل می شوند! بله ، شما آن را دریافت کردید!
ویجت چیست؟
به عبارت ساده تر ، ویجت بازنمایی یا چیزی است که نشان دهنده ایجاد بصری هر عنصر در برنامه Flutter شما است ..
هر چیزی که روی صفحه می بینید ، خواه دکمه “ورود” باشد ، کلمات “خوش آمدید/خوش آمدید” یا تصویر آرم برنامه ، همه آنها ابزارک هستند!
این ویجت “اعلانی” است ، بله ، این بدان معنی است که شما فقط به اندازه کافی توضیح می دهید که ویجت به نظر می رسد و رفتار می کند ، و فلاری که از بقیه مراقبت خواهد کرد. باحال ، درست است؟
انواع ابزارک در فلاتر
Flutter انواع ویجت های زیادی دارد که می توانید از آنها برای ایجاد یک ظاهر برنامه خنک و تعاملی استفاده کنید. به طور کلی ، این ابزارک ها را می توان در چند دسته قرار داد … مانند:
1. ویجت متن: خوب ، اینجا ویجت است که بیشتر برای نمایش نوشتن روی صفحه استفاده می شود. Text..
2. ویجت تصویر: اگر می خواهید تصویر را نشان دهید ، از ویجت استفاده کنید Imageبشر واقعاً آسان ، درست است؟
3. ویجت چیدمان: این ویجت برای تنظیم موقعیت و اندازه ویجت های دیگر مفید است. یک مثال است Row (برای تنظیم ویجت به صورت افقی) ، Column (برای عمودی) ، و Stack (برای جمع آوری ویجت).
4. ویجت تعاملی: این ویجت به کاربران امکان تعامل با برنامه ها را می دهد. یک مثال است ElevatedButton (برای ساختن یک دکمه) و TextField (برای ورودی متن).
5. داربست ویجت: این ویجت یک “چارچوب اساسی” برای ساخت طرح برنامه ، مانند بوم شما است. در آن وجود دارد AppBar (برای بالای برنامه) ، Drawer (برای منوی جانبی) ، و BottomNavigationBar (برای ناوبری در پایین).
بیا ، اکنون زمان آن است که از ویجت استفاده کنیم!
برای واضح تر ، سعی کنید یک مثال ساده از استفاده از چندین ابزارک در فلوتر زیر را ببینید:
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('Contoh Widget'),
),
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Text('Halo Dunia!'),
SizedBox(height: 20),
ElevatedButton(
onPressed: () {
// Aksi Yang Akan Dijalankan Ketika Tombol Ditekan
},
child: Text('Tekan Saya'),
),
],
),
),
),
);
}
}
در این مثال ، ما از ویجت استفاده می کنیم MaterialApp به عنوان “خانه” برنامه ما. در داخل یک ویجت وجود دارد Scaffold که حاوی AppBar وت Columnبشر ویجت Column برای تنظیم موقعیت ویجت استفاده می شود Text وت ElevatedButton به صورت عمودی در وسط صفحه ..
خوب ، بنابراین من فکر می کنم برای توضیح مختصر در مورد اصول اولیه ویجت Flutter در این مقاله کافی است … امیدوارم قابل درک باشد و روح آزمایش! در دفعه بعد می بینید !!
واسالام ..
