جهت صفحه چینی فرم های اپلیکیشن ، شما راه حل های زیادی را پیش روی خود دارید . در این مطلب یک روش ساخت یافته و اصولی جهت صفحه چینی فرم لاگین خدمت شما ارائه می دهم .جهت این منظور من از ویجت های Container ، ویجت Stack ، ویجت Column ، ویجت Form و […]ادامه مطلب .
Stagger Animation یکی از قابلیت های بسیار زیبا و کاربردی فلاتر است . توسط Stagger Animation شما قادر خواهید بود انیمیشن های ترکیبی و زیبایی را خلق نمایید . در واقع Stagger Animation به شما این امکان را می دهد که تعدادی انیمیشن را در یک دسته قرار داده و به ترتیب اجرا نمایید . […]ادامه مطلب .
در این مثال سعی دارم روش اتصال به سرور را نشان دهم . برای این منظور ما به یک وب سرویس نیاز داریم تا به آن متصل شده و اطلاعات دریافت نماییم ، من از آدرس http://jsonplaceholder.typicode.com/users جهت دریافت اطلاعات استفاده کرده ام . این سایت تعدادی وب سرویس آماده و مقداری دیتای دمو جهت […]ادامه مطلب .
مبحث انیمیش در فلاتر ، از جذاب ترین مباحث کار می باشد . شما به راحتی می توانید افکت های حرکتی مختلفی را به ویجت های موجود در UI بدهید . در زیر نمونه ای کوچک از پیاده سازی یک انیمیشن قرار دارد . در این مثال سعی شده روش کار با چهار جزء سازنده […]ادامه مطلب .
در این پروژه شما روش کار با StatefulWidget و StatelessWidget و همچنین روش کار با ویجت های MaterialApp , Directionality , TabBar , TabBarView , NestedScrollView , SliverAppBar , PopupMenuButton را مشاهده خواهید کرد . شکل ظاهری خروجی کار ، شبیه اپلیکیشن WhatsApp است ، با چهار تب در بالا پنجره قابلیت جستجو نمایش منوی […]ادامه مطلب .
برای نمایش عکس گرد ویجت 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, ), ), ), […]ادامه مطلب .
در پروژه ۱ : تم Instagram سعی شد نحوه کار با ویجت های پایه ی فلاتر مثل MaterialApp و Scaffold به نمایش گذاشته شود . در این پروژه که در واقع تکمیل کننده پروژه قبل است نیز ادامه مباحث مربوط به لایه بندی (Layout) و کار با تعدادی دیگر از ویجت های پرکاربرد فلاتر مد […]ادامه مطلب .
در این پروژه سعی شده با استفاده از ویجت Scaffold شکل ظاهری اپلیکیشن اینستاگرام شبیه سازی شود . توجه داشته باشید که نکات آموزشی که در این قطعه کد وجود دارد ، مد نظر بوده است نه شباهت صددرصدی ! خروجی کار شبیه تصویر زیر خواهد بود : در ادامه کد این پروژه قابل مشاهده […]ادامه مطلب .
در این پروژه شما با ویجت های StateLess و StateFull و نحوه پاس داده مقادیر به هر کدام و نحوه استفاده از مجموعه های List و Set و مباحث شی گرایی و نحوه استفاده از ویجت های پایه فلاتر مثل Scaffold , ListView , ListTile , Card و CircleAvatar آشنا می شوید . خروجی این […]ادامه مطلب .
تمامی حقوق این سایت به محمدمجتبی جوارشکیان تعلق دارد .