از ویجت TabBar جهت دسترسی سریع به فرم های پر کاربرد برنامه استفاده می شود . این ویجت می تواند تعدادی تب را ایجاد و مدیریت نماید . به عنوان نمونه در قطعه کد زیر با استفاده از خصوصیت bottom ویجت Scaffold و استفاده از یک TabBar نسبت به نمایش ۴ تب در بالای فرم […]ادامه مطلب .

کلاس DecorationImage می تواند توسط خصوصیت image خود یک عکس را توسط کلاس NetworkImage دریافت نموده و سپس توسط خصوصیت fit خود ، سایز عکس را تغییر داده و به عنوان مثال با ورودی BoxFit.cover به اندازه کادر عکس در آورد یا توسط خصوصیت repeat خود و با دریافت ImageRepeat.repeat عکس را تکرار نماید . […]ادامه مطلب .

در اکثر مواقع ، جهت تعیین موقعیت ویجت ها در ویجت Stack از خصوصیت alignment: Alignment.bottomRight استفاده می شود ولی در صورتی که مایلید موقعیت دهی انعطاف پذیرتری داشته باشید می توانید از کلاس Positioned  نیز استفاده نمایید . این کلاس با خصوصیت های top , right , button , left به شما این امکان […]ادامه مطلب .

ویجت Padding باعث ایجاد یک فضای خالی از داخل می گردد . جهت ایجاد فضای خالی از بیرون یا از داخل ، شما می توانید از ویجت Container نیز استفاده نمایید و این دو اصلا هیچ فرقی با هم ندارند ، در واقع ویجت Container نیز با فراخوانی ویجت Padding این فضای خالی را ایجاد […]ادامه مطلب .

برای نمایش عکس گرد ویجت CircleAvatar وجود دارد ، ولی در صورتی که مایلید میزان padding و margin عکس به نسبت اطراف را نیز کنترل نمایید می توانید از روش زیر استفاده نمایید : Container( width: 40.0, height: 40.0, margin: EdgeInsets.symmetric(horizontal: 5.0), padding: EdgeInsets.all(2.0), decoration: BoxDecoration( shape: BoxShape.circle, image: DecorationImage( image: NetworkImage('https://javareshkian.ir/wp-content/uploads/2020/04/fakhr-Small-100x100.png'), fit: BoxFit.cover, ), ), ), […]ادامه مطلب .

از ویجت PopupMenuButton ، جهت نمایش یک منوی بازشونده استفاده می شود . به عنوان مثال در خصوصیت action ویجت Scaffold می توانید از این ویجت استفاده نمایید . قطعه کد زیر نمونه ای از پیاده سازی این ویجت را نمایش می دهد : actions: <Widget>[ IconButton( icon: Icon(Icons.search), onPressed: () { print('search click'); }, […]ادامه مطلب .

ویجت Divider ، یک خط افقی نازک جهت جدا کردن محتوا در لیست ها ، منوهای کشویی و … ترسیم می کند . در قطعه کد زیر استفاده از ویجت Divider در PopupMenuItem به نمایش گذاشته شده است : PopupMenuItem( child: Divider( height: 1, ), ) همچنین جهت استفاده از ویجت Divider در ویجت ListView […]ادامه مطلب .

کلاس NetworkImage نیز همانند ویجت Image ، قابلیت نمایش عکس از شبکه را دارد . فقط باید توجه داشته باشید که خروجی این کلاس از نوع Widget نیست ، لذا نمی توانید به صورت مستقیم از این کلاس جهت نمایش عکس در UI استفاده نمایید و فقط می توانید خروجی این کلاس را به ورودی […]ادامه مطلب .

کلاس BoxDecoration از کتابخانه ترسیم (painting library) مشتق شده است و قادر است برای یک کادر ، حاشیه ترسیم نماید ، آن را به شکل دایره یا مستطیل نمایش دهد و در صورت نمایش مستطیلی ، گوشه های آن را گرد نماید . همچنین قابلیت ایجاد شیب رنگ و نمایش تصویر را نیز دارد . […]ادامه مطلب .

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

در پروژه ۱ : تم Instagram سعی شد نحوه کار با ویجت های پایه ی فلاتر مثل MaterialApp و Scaffold به نمایش گذاشته شود . در این پروژه که در واقع تکمیل کننده پروژه قبل است نیز ادامه مباحث مربوط به لایه بندی (Layout) و کار با تعدادی دیگر از ویجت های پرکاربرد فلاتر مد […]ادامه مطلب .

شبیه ساز Genymotion یکی از ابزارهای قدرتمند جهت برنامه نویسی موبایل است چرا که به شما امکان مشاهده و تست خروجی کار خود را در نگارش های مختلف اندروید و در سایزهای مختلف نمایشگر گوشی ، بر روی سیستم را می دهد . در صورتی که جهت نصب Genymotion راهنمایی لازم دارید از این لینک […]ادامه مطلب .