مقالات آموزشی

ویجت GestureDetector

ویجت GestureDetector هر شی بی جانی را جان دار می کند . منظور من این است که هر ویجتی که به صورت ذاتی قابلیت تشخیص حرکات کاربر ( تاچ کردن و … ) را ندارد توسط ویجت GestureDetector می تواند حرکات کاربر را شناسایی و به یک تابع متصل نماید . با این ویجت شما […]ادامه مطلب .

مقالات آموزشی

Timer در دارت

در زبان دارت نیز همانند سایر زبان های برنامه نویسی امکان تعریف یک تایمر به منظور اجرا چند باره کدها وجود دارد . تایمر در بازه های زمانی تعریف شده یک Tick را تحریک کرده و کدی که شما در آن تیک نوشته اید را به اجرا در می آورد . کد زیر نمونه ای […]ادامه مطلب .

فلاتر

ویجت SnackBar

ویجت SnackBar یک کادر باریک در انتهای صفحه نمایش ، نشان داده و متن یا عملی را که مد نظر شماست به مدت محدود به نمایش می گذارد . مدت نمایش این متن توسط خصوصیت duration قابل تنظیم است . در پایان این مدت ، ویجت SnackBar به صورت خودکار محو می شود . قطعه […]ادامه مطلب .

کلاس

کلاس Navigation

در طول اجرای یک برنامه بارها و بارها نیاز می شود که از نمایی (Screen) به نمای دیگر جابجا شده و مجدد برگردید . مدیریت جابجایی بین نماها توسط کلاس Navigation صورت می پذیرد . این کلاس در واقع پشته ای (Stack) از نماها ایجاد می کند و توسط push و pop ورود و خروج […]ادامه مطلب .

ویجت

ویجت Text

ویجت Text جزء ویجت های پایه ای و از پر کاربردترین ویجت های فلاتر می باشد . هر کجا که نیاز به نمایش متن باشد ، شما باید از ویجت Text استفاده نمایید . در اکثر ویجت ها خصوصیت title توسط این ویجت مقدار دهی می گردد . شما می توانید با استفاده از خصوصیت […]ادامه مطلب .

فلاتر

Widget چیست؟

در محیط فلاتر نام Widget را زیاد می شنوید . اما یک ویجت چیست ؟ ویجت ها در واقع همان کلاس ها هستند که با کمک آنها ما نسبت به طراحی و ایجاد UI برنامه اقدام می کنیم . هر ویجت به همراه خود امکاناتی را به کد برنامه ما اضافه می کند که ما […]ادامه مطلب .

ویجت

ویجت MaterialApp

ویجت MaterialApp امکانات گسترده ای را در رابطه با طراحی Material ارائه می دهد . این ویجت با افزودن قابلیت های خاص مانند AnimatedTheme ، ThemeData و GridPaper باعث سرعت بخشیدن در مدیریت تم برنامه می گردد . قطعه کد زیر نمونه ای از پیاده سازی این ویجت را نمایش می دهد : MaterialApp( theme: […]ادامه مطلب .

ویجت

ویجت Directionality

ویجت Directionality جهت مدیریت جهت نمایش عناصر صفحه به کار می آید . اگر تصمیم داریم صفحه خود را راست چین نمایید ، باید از ویجت Directionality استفاده کنید . این ویجت با استفاده از خصوصیت textDirection خود نسبت به تنظیم جهت نمایش اقدام می کند . جهت نمایش تمام عناصر صفحه به صورت پیش […]ادامه مطلب .

مقالات آموزشی

پروژه : تم WhatsApp

در این پروژه شما روش کار با StatefulWidget و StatelessWidget  و همچنین روش کار با ویجت های MaterialApp , Directionality , TabBar , TabBarView , NestedScrollView , SliverAppBar , PopupMenuButton را مشاهده خواهید کرد . شکل ظاهری خروجی کار ، شبیه اپلیکیشن WhatsApp است ، با چهار تب در بالا پنجره قابلیت جستجو نمایش منوی […]ادامه مطلب .

ویجت

ویجت SliverAppBar

ویجت SliverAppBar جایگزین خصوصیت AppBar ویجت Scaffold می باشد و زمانی که شما از ویجت NestedScrollView جهت پیاده سازی پیمایش تودرتو استفاده کرده است ، کاربرد دارد . در واقع توسط این ویجت است که ویجت NestedScrollView می تواند نسبت به مخفی سازی AppBar در پیمایش های عمودی اقدام نماید . قطعه کد زیر نمونه […]ادامه مطلب .

فلاتر

ویجت NestedScrollView

ویجت NestedScrollView جهت پیاده سازی قابلیت پیمایش تودرتو استفاده می شود و پرکاربردترین حالت استفاده از آن مربوط به زمانی است که شما مایل هستید در صورت اسکرول عمودی ، AppBar برنامه مخفی شده و فقط قسمت TabBar نمایش داده شود . این در حالی است که ممکن است هم زمان شما از یک ListView […]ادامه مطلب .

مقالات آموزشی

ویجت TabBarView

با انتخاب هر یک از تب های نمایش داده شده توسط ویجت TabBar ، شما نیاز دارید تا محتویات صفحه را تغییر دهید ، در این حالت از ویجت TabBarView استفاده می نمایید در واقع ویجت TabBarView جهت نمایش نمای صفحه ای که ویجت مربوط به برگه انتخاب شده فعلی را نشان می دهد ، به […]ادامه مطلب .