سلام دوستان
امروز قصد دارم تا در رابطه با 10 ویجت بسیار کاربردی فریمورک فلاتر با شما صحبت کنم . این ویجت شامل مواردی به جز
Column
Row
Container
Text
می باشد چرا که همگی می دانیم که 4 ویجت بالا در رتبه ی اول استفاده در فلاتر قرار دارند و از این رو در ادامه می خواهیم 10 مورد بعدی را خدمت شما معرفی کنیم .
این ویجت در زمانی که ما نمی توانیم یا نمی خواهیم از AppBar استفاده کنیم مورد استفاده قرار می گیرد، به این صورت که با wrap کردن Scaffold درون این ویجت، به برنامه می گوییم که تمام صفحه گوشی حتی قسمت status bar را هم به نمایش اپ ما اختصاص دهد .
این ویجت زمانی کاربرد دارد که می خواهیم در متن خاصی تنها کلمه یا قسمتی از متن را به صورت متفاوت نمایش دهیم . به طور مثال در نمایش متن Login in your account or Sign Up، می خواهیم Login و Sign Up با رنگ دیگر و به صورت Bold نمایش داده شوند از این ویجت استفاده می کنیم .
این ویجت برای گرد کردن لبه ی تصاویر یا ویجت های دیگر فلاتر و با استفاده از property موجود در آن یعنی border-radius این کار را انجام می دهد .
ویجت Media Query ویجتی جذاب برای تطبیق سایز ویجت های موجود در برنامه با سایز دیوایس های مختلف است، به طور مثال با استفاده از این ویجت می توانید تعیین کنید که برنامه شما در هر دیوایس و هم چنین در حالت افقی و عمودی با چه سایزی نمایش داده شود .
این ویجت یکی از کاربردی ترین ویجت های فلاتر می باشد که در زمان های جابجایی بین صفحات یا تغییر در آن ها اجازه مدیریت دیتاهای مورد نیاز برنامه از اینترنت را فراهم می کند، به این معنی که زمانی که از این ویجت استفاده می کنید می توانید جلوی بارگذاری چند باره اطلاعات از اینترنت را با تغییری کوچک در برنامه بگیرید و هزینه کاربر را کاهش داده و سرعت بارگذاری و استفاده از برنامه را افزایش چشمگیری دهید .
این ویجت با گرفتن نسبت های مورد نظر شما برای هر ویجت می تواند برنامه را در سایزهای مختلف دیوایس های مختلف با نسبت صحیح و مد نظر شما نمایش دهد، به طور مثال با دادن نسبت 3 به 1 بین دو ویجت خاص که در یک Row قرار دارند می توانید مطمئن باشید که برنامه در هر اندازه ای اجرا شود نسبت این دو ویجت نسبت به هم به اندازه درستی نمایش داده می شوند .
از این ویجت برای ایجاد فاصله به صورت افقی یا عمودی استفاده می شود. به طور مثال شما بین دو ویجت text قصد ایجاد 10 پیکسل فاصله عمودی دارید، در این مواقع می توانید با استفاده از SizedBox و دادن مقدار Height 10 به آن این فاصله را ایجاد کنید
این ویجت امکان تعیین جهت و مکان قرارگیری ویجت های دیگر را به ما می دهد، به این صورت که به طور مثال اگر بخواهید یک ویجت Container را به گوشه راست ویجت پدر خود ببرید می توانید با wrap کردن Container خود به درون Align و دادن مقدار bottomRight به آن این کار را انجام دهید .
این ویجت مقدار فاصله ویجت های فرزند از لبه ی ویجت پدر را برای ما مشخص می کند، به طور مثال شما درون یک Container از ویجت Text به عنوان فرزند استفاده کرده اید و تمایل دارید Text شما که درون Container قرار دارد از لبه های Container شما 10 پیکسل فاصله داشته باشد، در این مواقع با استفاده از Padding می توانید این کار را انجام دهید .
Margin دقیقا عملکردی مشابه Padding اما نسبت به فاصله لبه های ویجت شما با ویجت ها و لبه های برنامه به صورت بیرونی دارد، به طور مثال میخواهید Container خود را نسبت به ویجت کناری آن 10 پیکسل فاصله دهید تا لبه های آن ها به هم نچسبد، برای این کار می توانید از Margin کمک بگیرید .