همه چیز درباره مفهوم ویجت در فلاتر
آموزش ویجت SafeArea در فلاتر
آموزش کار با ویجت Column در فلاتر به همراه مثال عملی
ویجت فلاتر
در فلاتر، ویجتها (Widgets) عبارتند از قطعههای سازندهای که برای ساخت رابط کاربری در اپلیکیشنها استفاده میشوند.
ویجتها در فلاتر همچنین به عنوان ساختمان اصلی رابط کاربری در نظر گرفته میشوند و با ترکیب و توالی آنها، رابط کاربری کامل ایجاد میشود.
فلاتر از ویجتها برای نمایش همه چیز، از تصاویر و متنها تا دکمهها و فرمهای ورود اطلاعات استفاده میکند.
در فلاتر، ویجتها دو دسته اصلی دارند:
- Stateless Widgets (ویجتهای بدون وضعیت): این ویجتها هیچ نگهداری وضعیت (state) در خود ندارند و تنها بر اساس ورودیهایی که از بیرون دریافت میکنند، رابط کاربری را ایجاد میکنند. این ویجتها اغلب برای نمایش اطلاعات ثابت و غیرتعاملی مانند متن یا تصاویر استفاده میشوند.
- Stateful Widgets (ویجتهای با وضعیت): این ویجتها دارای وضعیت هستند که میتواند تغییر کند. وضعیت میتواند شامل اطلاعاتی باشد که در حین اجرا تغییر میکنند و ممکن است تاثیری در رابط کاربری داشته باشند. به عنوان مثال، وقتی که کاربر روی یک دکمه کلیک میکند و وضعیت تغییر میکند، ویجت با وضعیت تغییر میکند و نمایش جدیدی به کاربر نشان میدهد.
در فلاتر، شما میتوانید ویجتها را با هم ترکیب کرده و نمایش رابط کاربری پیچیدهتری ایجاد کنید. به عنوان مثال، میتوانید ویجتها را در یک لایهبندی (Layout) قرار داده و از مفاهیمی مانند ردیفها و ستونها برای تنظیم طرح و ترتیب ویجتها استفاده کنید.
فلاتر از مجموعهای وسیع از ویجتها برای مختلف نیازهای رابط کاربری پشتیبانی میکند. برخی از ویجتهای معروف فلاتر عبارتند از:
Text
: نمایش متنها.Image
: نمایش تصاویر.Container
: یک کنتینر برای گروهبندی و قراردادن ویجتها درون آن.Row
وColumn
: برای ایجاد ردیفها و ستونها از ویجتها.ListView
: نمایش لیستهای پیوسته با امکان اسکرول.TextField
: جعبهای برای ورود متن توسط کاربر.Button
: نمایش دکمهها.AppBar
: نوار بالایی برای نمایش عناصر مانند عنوان و منوها.
این تنها یک مقدمه اولیه به مفهوم و کاربرد ویجتها در فلاتر است. از طریق مستندات رسمی فلاتر و منابع آموزشی میتوانید بیشتر با ویجتها آشنا شوید و از آنها بهرهبرداری کنید.