در این پروژه سعی شده با استفاده از ویجت Scaffold شکل ظاهری اپلیکیشن اینستاگرام شبیه سازی شود . توجه داشته باشید که نکات آموزشی که در این قطعه کد وجود دارد ، مد نظر بوده است نه شباهت صددرصدی ! خروجی کار شبیه تصویر زیر خواهد بود : در ادامه کد این پروژه قابل مشاهده […]ادامه مطلب .
در صورتی که در سازنده کلاس باید تعدادی از ورودی ها را حتما از کاربر دریافت نمایید و مایل هستید ، کاربر به محض تایپ نام کلاس ، مقادیر ورودی را مشاهده و درج نماید ، می توانید در سازنده کلاس و قبل از نام ورودی از کلمه کلیدی required استفاده نمایید . کد زیر […]ادامه مطلب .
ویجت Expanded ، فرزند یک Row ، Column یا Flex را در امتداد محور اصلی ، گسترش می دهد تا کل فضای موجود را پر کند . اگر چندین فرزند از Expanded استفاده نمایند ، فضای موجود با توجه به فاکتور فلکس بین آنها تقسیم می شود . این ویجت فقط از انواع StatelessWidgets و StatefulWidgets […]ادامه مطلب .
ویجت Column تمام فرزندان خود را در یک ردیف عمودی نمایش می دهد . اگر مایلید فرزند ویجت Column تمام فضای خود را پر کند می توانید از ویجت Expanded استفاده نمایید . همچنین در نظر داشته باشید که ویجت Column پیمایش نمی شود لذا اگر فرزندان داخل این ویجت زیاد هستند ، این یک […]ادامه مطلب .
ویجت Row تمام فرزندان خود را در یک ردیف افقی نمایش می دهد . اگر مایلید فرزند ویجت Row تمام فضای خود را پر کند می توانید از ویجت Expanded استفاده نمایید . همچنین در نظر داشته باشید که ویجت Row پیمایش نمی شود لذا اگر فرزندان داخل این ویجت زیاد هستند ، این یک […]ادامه مطلب .
ویجت BottomNavigationBar میله ابزار پایین صفحه می باشد که جابجایی بین صفحات اپلیکیشن را ساده می کند و صفحات پر کاربرد را در دسترس کاربران قرار می دهد تا دسترسی به آنها ساده تر گردد . به طور معمول تعداد گزینه های موجود در ویجت BottomNavigationBar بین ۳ تا ۵ مورد است و غالبا به […]ادامه مطلب .
ویجت Container ، ویجت راحتی است که ترکیبی از ابزارکهای نقاشی ، موقعیت یابی و اندازه را در اختیار شما قرار می دهد . یک ویجت کانتینر ، ویجت فرزند خود را از اطراف احاطه می کند و امکاناتی همچون سایز ، تنظیم فاصله از طرفین و میزان چرخش را در اختیار ویجت فرزندش قرار […]ادامه مطلب .
توسط ویجت Image شما می توانید به چند روش نسبت به نمایش عکس اقدام نمایید . نمایش عکس از منابع داخل اپلیکیشن (Image.asset) نمایش عکس از شبکه (Image.network) نمایش عکس از فایل (Image.file) نمایش عکس از حافظه (Image.memory) روش فراخوانی ویجت Image جهت بازیابی عکس از شبکه (اینترنت) به شکل زیر است : const Image( […]ادامه مطلب .
ویجت SizedBox جهت سایز دهی به ویجت های درونش کاربرد دارد . به عنوان مثال : هر زمان شما تصمیم به فراخوانی تصاویری را داشتید که کاربر بارگذاری کرده و مشخص نیست دارای چه ابعادی هستند ، می توانید با استفاده از این ویجت مطمئن باشید که تمام تصاویر در یک سایز واحد در خروجی […]ادامه مطلب .
ویجت AppBar به شکل یک نوار رنگی در بالای صفحه اپلیکیشن ظاهر می شود و می تواند حاوی یک آیکون در سمت چپ ، یک متن در سمت چپ یا وسط و یک یا چند آیکون در سمت راست باشد . ویجت AppBar به این شکل پیاده سازی می شود : از این ویجت هم […]ادامه مطلب .
در صورتی که در سیستم شما فلاتر به درستی نصب و تنظیم شده باشد با درج دستور flutter در command prompt باید اطلاعات زیادی در رابطه با flutter دریافت نمایید . همچنین درج دستور flutter -h راهنمای کاملی از تمامی دستورات و فرامین flutter به شما نمایش می دهد : دستوری که مد نظر ماست […]ادامه مطلب .
در این پروژه شما با ویجت های StateLess و StateFull و نحوه پاس داده مقادیر به هر کدام و نحوه استفاده از مجموعه های List و Set و مباحث شی گرایی و نحوه استفاده از ویجت های پایه فلاتر مثل Scaffold , ListView , ListTile , Card و CircleAvatar آشنا می شوید . خروجی این […]ادامه مطلب .