8 ویجت اصلی و مهم در flutter

یکی از اصلی ترین نکات در یادگیری هر زبان برنامه نویسی یا فریمورکی آشنایی با ابتدایی ترین مباحث آن زبان یا فریمورک است. در این پست قصد داریم با ۸ تا از مهمترین ویجت های مورد استفاده در فلاتر آشنا شویم.

ویجت ها در فلاتر :

ویجت ها اشیاء سطح بالایی هستند که برای توصیف هر قسمتی از یک برنامه کاربرد دارند. این می تواند باشد اما محدود به عناصر UI مانند دکمه ها نیست. چیدمان (Alignment ، Padding ، …) ؛ Data ها (Theme ، تنظیمات)  و … همه این موارد خود یک ویجت هستند.

1- Scaffold

این ویجت ، ساختار اولیه چیدمان بصری Material Design را پیاده می کند.

این کلاس، api ها را برای نمایش Drawer ها ، snackbar ها ، bottomsheet فراهم می‌کند.

2- AppBar

این ویجت یک app bar متریال دیزاین است.

AppBar شامل ToolBar و سایر ویجت های دیگری مانند TabBar و FlexSpaceBar است.

3- Text

این ویجت ، متنی را با یک نوع Style نمایش می دهد.

4- Container

یک ویجت آسان که ترکیبی از موقعیت یابی معمول painting و size ویجت است.

5- Column

Layoutو چیدمان لیستی از child widget در جهت عمودی

6- Row

Layout و چیدمان لیستی از child widget در جهت افقی

7- Image

ویجتی که تصویر را نمایش می دهد.

8- ElevatedButton

ElevatedButton یک متریال دیزاین است و قبلا به جای آن از raised button که منسوخ شده استفاده می شد .

از ElevatedButton برای افزودن بُعد به layout‌ های flat استفاده می شود ، به عنوان مثال از این ویجت در فهرست‌های طولانی با محتوای زیاد یا در جای وسیع استفاده می شود. بر روی محتویات already elevated مانند dialog ها  یا  cardها خودداری کنید.

نتیجه گیری

همچنان در این مقاله مشاهده کردید میبنید که ویجت ها نقش اساسی در طراحی ظاهر کاربری در فریمورک فلاتر دارد و باعث یک خروجی زیبا برای اپلیکیشن های اندروید و iOS می شود.