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

ویجت Expanded

ویجت Expanded ، فرزند یک Row ، Column یا Flex را در امتداد محور اصلی ، گسترش می دهد تا کل فضای موجود را پر کند . اگر چندین فرزند از Expanded استفاده نمایند ، فضای موجود با توجه به فاکتور فلکس بین آنها تقسیم می شود . این ویجت فقط از انواع StatelessWidgets و StatefulWidgets […]ادامه مطلب .

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

ویجت Column

ویجت Column تمام فرزندان خود را در یک ردیف عمودی نمایش می دهد . اگر مایلید فرزند ویجت Column تمام فضای خود را پر کند می توانید از ویجت Expanded استفاده نمایید . همچنین در نظر داشته باشید که ویجت Column پیمایش نمی شود لذا اگر فرزندان داخل این ویجت زیاد هستند ، این یک […]ادامه مطلب .

فلاتر

ویجت Row

ویجت Row تمام فرزندان خود را در یک ردیف افقی نمایش می دهد . اگر مایلید فرزند ویجت Row تمام فضای خود را پر کند می توانید از ویجت Expanded استفاده نمایید . همچنین در نظر داشته باشید که ویجت Row پیمایش نمی شود لذا اگر فرزندان داخل این ویجت زیاد هستند ، این یک […]ادامه مطلب .

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

ویجت BottomNavigationBar

ویجت BottomNavigationBar میله ابزار پایین صفحه می باشد که جابجایی بین صفحات اپلیکیشن را ساده می کند و صفحات پر کاربرد را در دسترس کاربران قرار می دهد تا دسترسی به آنها ساده تر گردد . به طور معمول تعداد گزینه های موجود در ویجت BottomNavigationBar بین ۳ تا ۵ مورد است و غالبا به […]ادامه مطلب .

فلاتر

ویجت Container

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

ویجت

ویجت Image

توسط ویجت Image شما می توانید به چند روش نسبت به نمایش عکس اقدام نمایید . نمایش عکس از منابع داخل اپلیکیشن (Image.asset) نمایش عکس از شبکه (Image.network) نمایش عکس از فایل (Image.file) نمایش عکس از حافظه (Image.memory) روش فراخوانی ویجت Image جهت بازیابی عکس از شبکه (اینترنت) به شکل زیر است : const Image( […]ادامه مطلب .

فلاتر

ویجت SizedBox

ویجت SizedBox جهت سایز دهی به ویجت های درونش کاربرد دارد . به عنوان مثال : هر زمان شما تصمیم به فراخوانی تصاویری را داشتید که کاربر بارگذاری کرده و مشخص نیست دارای چه ابعادی هستند ، می توانید با استفاده از این ویجت مطمئن باشید که تمام تصاویر در یک سایز واحد در خروجی […]ادامه مطلب .

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

ویجت AppBar

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

فلاتر

پروژه جدید با command در فلاتر

در صورتی که در سیستم شما فلاتر به درستی نصب و تنظیم شده باشد با درج دستور flutter در command prompt  باید اطلاعات زیادی در رابطه با flutter دریافت نمایید . همچنین درج دستور flutter -h راهنمای کاملی از تمامی دستورات و فرامین flutter به شما نمایش می دهد : دستوری که مد نظر ماست […]ادامه مطلب .

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

پروژه مینی سبد خرید

در این پروژه شما با ویجت های StateLess و StateFull و نحوه پاس داده مقادیر به هر کدام و نحوه استفاده از مجموعه های List و Set و مباحث شی گرایی و نحوه استفاده از ویجت های پایه فلاتر مثل Scaffold , ListView , ListTile , Card و CircleAvatar آشنا می شوید . خروجی این […]ادامه مطلب .

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

Collection ها در دارت

در زبان دارت بر خلاف بقیه زبان ها آرایه وجود ندارد و به جای آن ۴ مدل داده ای برای شکل دادن به لیستی از داده ها و اشیاء وجود دارد که همگی در کتابخانه dart:core وجود دارند و شامل موارد زیر هستند : ۱- لیست (List) ۲- دسته (Set) ۳- نقشه (Map) ۴- صف […]ادامه مطلب .

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

ویجت CircleAvatar

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