احسان نصری
احسان نصری
خواندن ۳ دقیقه·۳ سال پیش

معرفی 10 ویجت و ابزار بسیار کاربردی فلاتر

معرفی 10 ویجت کابردی فلاتر
معرفی 10 ویجت کابردی فلاتر


سلام دوستان

امروز قصد دارم تا در رابطه با 10 ویجت بسیار کاربردی فریمورک فلاتر با شما صحبت کنم . این ویجت شامل مواردی به جز

Column

Row

Container

Text

می باشد چرا که همگی می دانیم که 4 ویجت بالا در رتبه ی اول استفاده در فلاتر قرار دارند و از این رو در ادامه می خواهیم 10 مورد بعدی را خدمت شما معرفی کنیم .

شماره 1 : Safe Area

این ویجت در زمانی که ما نمی توانیم یا نمی خواهیم از AppBar استفاده کنیم مورد استفاده قرار می گیرد، به این صورت که با wrap کردن Scaffold درون این ویجت، به برنامه می گوییم که تمام صفحه گوشی حتی قسمت status bar را هم به نمایش اپ ما اختصاص دهد .

شماره 2 : Rich Text

این ویجت زمانی کاربرد دارد که می خواهیم در متن خاصی تنها کلمه یا قسمتی از متن را به صورت متفاوت نمایش دهیم . به طور مثال در نمایش متن Login in your account or Sign Up، می خواهیم Login و Sign Up با رنگ دیگر و به صورت Bold نمایش داده شوند از این ویجت استفاده می کنیم .

شماره 3 : ClipRRect

این ویجت برای گرد کردن لبه ی تصاویر یا ویجت های دیگر فلاتر و با استفاده از property موجود در آن یعنی border-radius این کار را انجام می دهد .

شماره 4 : Media Query

ویجت Media Query ویجتی جذاب برای تطبیق سایز ویجت های موجود در برنامه با سایز دیوایس های مختلف است، به طور مثال با استفاده از این ویجت می توانید تعیین کنید که برنامه شما در هر دیوایس و هم چنین در حالت افقی و عمودی با چه سایزی نمایش داده شود .

شماره 5 : Future Builder

این ویجت یکی از کاربردی ترین ویجت های فلاتر می باشد که در زمان های جابجایی بین صفحات یا تغییر در آن ها اجازه مدیریت دیتاهای مورد نیاز برنامه از اینترنت را فراهم می کند، به این معنی که زمانی که از این ویجت استفاده می کنید می توانید جلوی بارگذاری چند باره اطلاعات از اینترنت را با تغییری کوچک در برنامه بگیرید و هزینه کاربر را کاهش داده و سرعت بارگذاری و استفاده از برنامه را افزایش چشمگیری دهید .

شماره 6 : Flexible

این ویجت با گرفتن نسبت های مورد نظر شما برای هر ویجت می تواند برنامه را در سایزهای مختلف دیوایس های مختلف با نسبت صحیح و مد نظر شما نمایش دهد، به طور مثال با دادن نسبت 3 به 1 بین دو ویجت خاص که در یک Row قرار دارند می توانید مطمئن باشید که برنامه در هر اندازه ای اجرا شود نسبت این دو ویجت نسبت به هم به اندازه درستی نمایش داده می شوند .

شماره 7 : Sized Box

از این ویجت برای ایجاد فاصله به صورت افقی یا عمودی استفاده می شود. به طور مثال شما بین دو ویجت text قصد ایجاد 10 پیکسل فاصله عمودی دارید، در این مواقع می توانید با استفاده از SizedBox و دادن مقدار Height 10 به آن این فاصله را ایجاد کنید

شماره 8 : Align

این ویجت امکان تعیین جهت و مکان قرارگیری ویجت های دیگر را به ما می دهد، به این صورت که به طور مثال اگر بخواهید یک ویجت Container را به گوشه راست ویجت پدر خود ببرید می توانید با wrap کردن Container خود به درون Align و دادن مقدار bottomRight به آن این کار را انجام دهید .

شماره 9 : Padding

این ویجت مقدار فاصله ویجت های فرزند از لبه ی ویجت پدر را برای ما مشخص می کند، به طور مثال شما درون یک Container از ویجت Text به عنوان فرزند استفاده کرده اید و تمایل دارید Text شما که درون Container قرار دارد از لبه های Container شما 10 پیکسل فاصله داشته باشد، در این مواقع با استفاده از Padding می توانید این کار را انجام دهید .

شماره 10 : Margin

Margin دقیقا عملکردی مشابه Padding اما نسبت به فاصله لبه های ویجت شما با ویجت ها و لبه های برنامه به صورت بیرونی دارد، به طور مثال میخواهید Container خود را نسبت به ویجت کناری آن 10 پیکسل فاصله دهید تا لبه های آن ها به هم نچسبد، برای این کار می توانید از Margin کمک بگیرید .

می توانید برای مشاهده آموزش های بیشتر در زمینه فلاتر به وبسایت من به آدرس http://amadaylearn.com مراجعه نمایید .

فلاترآموزش فلاترویجت فلاترویجت های مهم فلاتراحسان نصری
من احسان نصری هستم و حدود 4 سال است که به شغل جذاب برنامه نویسی مشغولم و از حدود 2 سال پیش به برنامه نویسی اندروید توسط فلاتر روی آوردم و اینجام تا به شما کمک کنم تا با این تکنولوژی بیشتر آشنا شوید
شاید از این پست‌ها خوشتان بیاید