ویجت 22 (Flexible در فلاتر)

خوب دوستان عزیز بریم سراغ یکی از ویجت های جذاااااب فلاتر یعنی Flexible

با استفاده از این ویجت می توان انعطاف پذیری به کودک برای پر کردن فضای موجود داد به خروجی زیر دقت کنید

در ویجت Row که ویجت های ان را با استفاده از این ویجت و نسبت flex به نسبت بزرگی در کنار هم چیده میشه مثلا flex برابر 3 سایز 3 برابر نسبت به flex با مقدار 1 دارد ک حتی اگر صفحه چه به صورت عمودی چه افقی باشد این نسبت بدون به هم ریختگی حفظ می شود

این ویجت دارای دو تناسب FlexFit.tight و FlexFit.loose است که در حالت اول کودک فضای موجود را پر می کند و در حالت دوم کودک حداکثر می تونه به فضای موجود باشه اما کوچکتر می باشد

مثالی از این ویجت

class Testing2 extends StatelessWidget {
    @override
    Widget build(BuildContext context) {
      return Container(
        color: Colors.red,
        child: Row(
          children: <Widget>[
            Flexible(
              child: Column(
                children: <Widget>[
                  Flexible(
                    flex: 1,
                    child: Container(
                      color: Colors.deepOrange,
                    ),
                  ),
                  Flexible(
                    flex: 2,
                    child: Container(
                      color: Colors.lightBlue,
                    ),
                  ),
                ],
              ),
            ),
            Flexible(
              child: Column(
                children: <Widget>[
                  Flexible(
                      flex: 3,
                      child: Container(
                        color: Colors.orange,
                      )),
                  Flexible(
                    flex: 1,
                    child: Row(
                      children: <Widget>[
                        Flexible(
                            flex: 2,
                            child: Container(
                              color: Colors.blue,
                            )),
                        Flexible(child: Container(color: Colors.green))
                      ],
                    ),
                  )
                ],
              ),
            )
          ],
        ),
      );
    }

از دو ردیف استفاده می کنیم اولی با نسبت 1 به 2 و دومی با نسبت 3 به 1 و در گوشه ی سمت راست و پایین نیز دارای دو ردیف یکی با نسبت 2 و دیگری با نسبت 1 به این شکل بدون مشکل ویجت ها را در کنار هم قرار دادیم حالا اگر صفحه را نیز بر گردانید این نسبت ها حفظ می شود

به همین سادگی به همین خوشمزگی.

من از این ویجت یاد گرفتم مهم نیست کجا باشم در هر اندازه ای از جامعه و هر فعالیتی بهترینم را به اجرا بگذارم و بیش ترین تلاشم را کنم نه فقط در یک سایز مشخصی از جامعه

مثل همیشه می گویم و باز خواهم گفت اگر مطلب براتون مفید بوده لینک را با دوستاتون در لینکدین تلگرام و و و انتشار دهید تا به طرفداران فلاتر روز به روز افزوده شود

روز های زیبا و جذاااااااااااااااااابی داشته باشید قلب یادتون نره :)

نوشته شده توسط پژمان حاجی حیدری یک دوستدار فلاتر

ایدی کانال برای دسترسی به تمام اموزش ها @Learnpg

لینک کانال https://t.me/joinchat/AAAAAFDR-mppe-ciC6X1Qg

ایدی تلگرام بنده @pejmanprogrammer