کلاس BottomAppBar که بطور معمول با خصوصیت bottomNavigationBar ویجت Scaffold استفاده می شود و می تواند شکافی در امتداد قسمت بالایی داشته باشد که باعث می شود فضای خالی در زیر FloatingActionButton ایجاد گردد . این کلاس جایگزینی برای ویجت BottomNavigationBar می باشد و با همکاری ویجت FloatingActionButton طرحی متفاوت را ایجاد می نماید . […]ادامه مطلب .

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

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

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

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

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

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

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

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

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

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

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