ویجت Directionality جهت مدیریت جهت نمایش عناصر صفحه به کار می آید . اگر تصمیم داریم صفحه خود را راست چین نمایید ، باید از ویجت Directionality استفاده کنید . این ویجت با استفاده از خصوصیت textDirection خود نسبت به تنظیم جهت نمایش اقدام می کند . جهت نمایش تمام عناصر صفحه به صورت پیش […]ادامه مطلب .
ویجت SliverAppBar جایگزین خصوصیت AppBar ویجت Scaffold می باشد و زمانی که شما از ویجت NestedScrollView جهت پیاده سازی پیمایش تودرتو استفاده کرده است ، کاربرد دارد . در واقع توسط این ویجت است که ویجت NestedScrollView می تواند نسبت به مخفی سازی AppBar در پیمایش های عمودی اقدام نماید . قطعه کد زیر نمونه […]ادامه مطلب .
ویجت NestedScrollView جهت پیاده سازی قابلیت پیمایش تودرتو استفاده می شود و پرکاربردترین حالت استفاده از آن مربوط به زمانی است که شما مایل هستید در صورت اسکرول عمودی ، AppBar برنامه مخفی شده و فقط قسمت TabBar نمایش داده شود . این در حالی است که ممکن است هم زمان شما از یک ListView […]ادامه مطلب .
با انتخاب هر یک از تب های نمایش داده شده توسط ویجت TabBar ، شما نیاز دارید تا محتویات صفحه را تغییر دهید ، در این حالت از ویجت TabBarView استفاده می نمایید در واقع ویجت TabBarView جهت نمایش نمای صفحه ای که ویجت مربوط به برگه انتخاب شده فعلی را نشان می دهد ، به […]ادامه مطلب .
از ویجت TabBar جهت دسترسی سریع به فرم های پر کاربرد برنامه استفاده می شود . این ویجت می تواند تعدادی تب را ایجاد و مدیریت نماید . به عنوان نمونه در قطعه کد زیر با استفاده از خصوصیت bottom ویجت Scaffold و استفاده از یک TabBar نسبت به نمایش ۴ تب در بالای فرم […]ادامه مطلب .
ویجت Padding باعث ایجاد یک فضای خالی از داخل می گردد . جهت ایجاد فضای خالی از بیرون یا از داخل ، شما می توانید از ویجت Container نیز استفاده نمایید و این دو اصلا هیچ فرقی با هم ندارند ، در واقع ویجت Container نیز با فراخوانی ویجت Padding این فضای خالی را ایجاد […]ادامه مطلب .
از ویجت PopupMenuButton ، جهت نمایش یک منوی بازشونده استفاده می شود . به عنوان مثال در خصوصیت action ویجت Scaffold می توانید از این ویجت استفاده نمایید . قطعه کد زیر نمونه ای از پیاده سازی این ویجت را نمایش می دهد : actions: <Widget>[ IconButton( icon: Icon(Icons.search), onPressed: () { print('search click'); }, […]ادامه مطلب .
ویجت Divider ، یک خط افقی نازک جهت جدا کردن محتوا در لیست ها ، منوهای کشویی و … ترسیم می کند . در قطعه کد زیر استفاده از ویجت Divider در PopupMenuItem به نمایش گذاشته شده است : PopupMenuItem( child: Divider( height: 1, ), ) همچنین جهت استفاده از ویجت Divider در ویجت ListView […]ادامه مطلب .
ویجت Stack ، فرزندان خود را به ترتیب بر روی هم قرار می دهد . این ویجت در زمانی کاربرد دارد که شما مایل باشید ، چندین ویجت را با ترتیبی خاص بر روی هم دیگر قرار دهید . ( به عنوان مثال عکس های پشت سر هم یا دکمه ای بر روی عکس کاربر […]ادامه مطلب .
ویجت Expanded ، فرزند یک Row ، Column یا Flex را در امتداد محور اصلی ، گسترش می دهد تا کل فضای موجود را پر کند . اگر چندین فرزند از Expanded استفاده نمایند ، فضای موجود با توجه به فاکتور فلکس بین آنها تقسیم می شود . این ویجت فقط از انواع StatelessWidgets و StatefulWidgets […]ادامه مطلب .
ویجت Column تمام فرزندان خود را در یک ردیف عمودی نمایش می دهد . اگر مایلید فرزند ویجت Column تمام فضای خود را پر کند می توانید از ویجت Expanded استفاده نمایید . همچنین در نظر داشته باشید که ویجت Column پیمایش نمی شود لذا اگر فرزندان داخل این ویجت زیاد هستند ، این یک […]ادامه مطلب .
ویجت Row تمام فرزندان خود را در یک ردیف افقی نمایش می دهد . اگر مایلید فرزند ویجت Row تمام فضای خود را پر کند می توانید از ویجت Expanded استفاده نمایید . همچنین در نظر داشته باشید که ویجت Row پیمایش نمی شود لذا اگر فرزندان داخل این ویجت زیاد هستند ، این یک […]ادامه مطلب .