ویرگول
ورودثبت نام
پژمان حاجی حیدری
پژمان حاجی حیدری
خواندن ۳ دقیقه·۵ سال پیش

ویجت 24 (LayoutBuilder در فلاتر)

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

به نظرتون ما اپ توسعه می دهیم که روی گوشی مثلا در فلان سایز همه چی درست نمایش داده شود و در سایز های دیگه مثل تبلت خراب باشه ؟ خوب قطعا نه هر کی این گونه اپ زده به درد عمه اش میخوره حالا عمه زبون بسته این وسط چه گناهی کرده نمی دونم :)

نمونه کد استفاده شده از این ویجت میتونه به شرح زیر باشه

import 'package:flutter/material.dart'; class BasicLayoutBuilder extends StatelessWidget { //Builds a widget tree that can depend on the parent widget's size. @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar(title: Text(&quotLayoutBuilder Widget&quot)), body: LayoutBuilder( builder: (context, constraints) { if (constraints.maxWidth > 600) { return _buildTwoContainers(); } else { return _buildOneContainer(); } }, ), ); } Widget _buildOneContainer() { return Center( child: Container( height: 300.0, width: 300.0, color: Colors.red, ), ); } Widget _buildTwoContainers() { return Center( child: Row( mainAxisAlignment: MainAxisAlignment.spaceAround, children: <Widget>[ Container( height: 300.0, width: 300.0, color: Colors.red, ), Container( height: 300.0, width: 300.0, color: Colors.blue, ), ], ), ); } }

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

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

من از این ویجت یاد گرفتم باید به نظرات و ورودی های مختلف توسط افراد اهمیت قائل شوم نه اینکه فقط به یک شخص یعنی فقط حرف خودم اهمیت بدهم چون ممکن است جمله ای یا پیشنهادی از ان ها زندگی ام را دگرگون سازد از کجا معلوم ؟ پس سعی میکنم همیشه شنونده خوبی باشم

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

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

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

ایدی کانال برای دسترسی به تمام اموزش ها @Learnpg
لینک کانال https://t.me/joinchat/AAAAAFDR-mppe-ciC6X1Qg
ایدی تلگرام بنده @pejmanprogrammer
برنامه نویسیlayoutbuilder flutterاموزش layoutbuilder در فلاترفلاترویجت ها در فلاتر
یکی از عاشقان فلاتر و تلاش برای ایجاد جامعه فلاتر ایران برای دسترسی سریع و اسان به مطالب برنامه نویسی کانال تلگرام بنده را با ایدی Learnpg را دنبال کنید
شاید از این پست‌ها خوشتان بیاید