ویجت فلاتر

ویجت فلاتر

در فلاتر، ویجت‌ها (Widgets) عبارتند از قطعه‌های سازنده‌ای که برای ساخت رابط کاربری در اپلیکیشن‌ها استفاده می‌شوند.

ویجت‌ها در فلاتر همچنین به عنوان ساختمان اصلی رابط کاربری در نظر گرفته می‌شوند و با ترکیب و توالی آن‌ها، رابط کاربری کامل ایجاد می‌شود.

فلاتر از ویجت‌ها برای نمایش همه چیز، از تصاویر و متن‌ها تا دکمه‌ها و فرم‌های ورود اطلاعات استفاده می‌کند.

در فلاتر، ویجت‌ها دو دسته اصلی دارند:

  1. Stateless Widgets (ویجت‌های بدون وضعیت): این ویجت‌ها هیچ نگهداری وضعیت (state) در خود ندارند و تنها بر اساس ورودی‌هایی که از بیرون دریافت می‌کنند، رابط کاربری را ایجاد می‌کنند. این ویجت‌ها اغلب برای نمایش اطلاعات ثابت و غیرتعاملی مانند متن یا تصاویر استفاده می‌شوند.
  2. Stateful Widgets (ویجت‌های با وضعیت): این ویجت‌ها دارای وضعیت هستند که می‌تواند تغییر کند. وضعیت می‌تواند شامل اطلاعاتی باشد که در حین اجرا تغییر می‌کنند و ممکن است تاثیری در رابط کاربری داشته باشند. به عنوان مثال، وقتی که کاربر روی یک دکمه کلیک می‌کند و وضعیت تغییر می‌کند، ویجت با وضعیت تغییر می‌کند و نمایش جدیدی به کاربر نشان می‌دهد.

در فلاتر، شما می‌توانید ویجت‌ها را با هم ترکیب کرده و نمایش رابط کاربری پیچیده‌تری ایجاد کنید. به عنوان مثال، می‌توانید ویجت‌ها را در یک لایه‌بندی (Layout) قرار داده و از مفاهیمی مانند ردیف‌ها و ستون‌ها برای تنظیم طرح و ترتیب ویجت‌ها استفاده کنید.

فلاتر از مجموعه‌ای وسیع از ویجت‌ها برای مختلف نیازهای رابط کاربری پشتیبانی می‌کند. برخی از ویجت‌های معروف فلاتر عبارتند از:

  • Text: نمایش متن‌ها.
  • Image: نمایش تصاویر.
  • Container: یک کنتینر برای گروه‌بندی و قراردادن ویجت‌ها درون آن.
  • Row و Column: برای ایجاد ردیف‌ها و ستون‌ها از ویجت‌ها.
  • ListView: نمایش لیست‌های پیوسته با امکان اسکرول.
  • TextField: جعبه‌ای برای ورود متن توسط کاربر.
  • Button: نمایش دکمه‌ها.
  • AppBar: نوار بالایی برای نمایش عناصر مانند عنوان و منوها.

این تنها یک مقدمه اولیه به مفهوم و کاربرد ویجت‌ها در فلاتر است. از طریق مستندات رسمی فلاتر و منابع آموزشی می‌توانید بیشتر با ویجت‌ها آشنا شوید و از آن‌ها بهره‌برداری کنید.

آموزش ساخت منو Navigation Drawer در فلاتر

Navigation Drawer یا به اصطلاح منو کشویی یکی از منوهای جذاب و کاربردی در زبان طراحی متریال دیزاین هست که…

10 ماه ago

آموزش نمایش متن در فلاتر و کار با ویجت Text

در هر نرم افزاری نیاز است تا متون مختلفی به کاربر نمایش داده شود. اپلیکیشن های موبایل نیز از این…

10 ماه ago

همه چیز درباره مفهوم ویجت در فلاتر

فلاتر یک فریمورک متن باز توسعه داده شده توسط شرکت گوگل میباشد که به کمک آن میتوانید برای پلتفرم های…

1 سال ago

کار با ویجت row در فریموورک فلاتر Flutter

در مطالب قبلی با نحوه کار کردن column در فلاتر آشنا شدیم و در ادامه قصد داریم امروز با ویجت…

1 سال ago

آموزش ویجت SafeArea در فلاتر

همانظور که می دانید در تولید صفحات گوشی در برندهای مختلفت نوع استفاده از محل قرارگیری دوریبین یا سنسور های…

2 سال ago

آموزش پیاده سازی BottomNavigationBar در فلاتر

در بسیاری از اپ هایی که منتشر می شود شاهد استفاده از BottomNavigationBar هستیم که اکثرا در قسمت پایین اپ…

4 سال ago

آموزش طراحی منو آبشاری در فلاتر با ویجت DropDownButton

DropDownButton یک ویجت در فلاتر است که برای نمایش یک لیست از گزینه ها استفاده می شود. این ویجت به…

4 سال ago

آموزش کار با ویجت چک باکس CheckBox در برنامه نویسی فلاتر

استفاده از چک باکس ها CheckBox و رادیوباتن Radio Button در فرم های ثبت نام و نظرسنجی متداول می باشد.…

5 سال ago

آموزش کار با ویجت Column در فلاتر به همراه مثال عملی

Column یک ویجت فلاتر هست که تمام اجزایی که داخل آن قرار میگیرند و بصورت عمودی نمایش می دهد و…

5 سال ago