ویجت AppBar

تعداد بازدید ها : 1,165 بازدید
 ویجت AppBar

ویجت AppBar به شکل یک نوار رنگی در بالای صفحه اپلیکیشن ظاهر می شود و می تواند حاوی یک آیکون در سمت چپ ، یک متن در سمت چپ یا وسط و یک یا چند آیکون در سمت راست باشد . ویجت AppBar به این شکل پیاده سازی می شود :

AppBar

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

  1. AppBar(
  2. // رنگ پس زمینه
  3. backgroundColor: Colors.white70,
  4. // آیکون سمت چپ
  5. leading: Icon(Icons.camera_alt),
  6. // میزان سایه زیر AppBar
  7. elevation: 1.0,
  8. // متن سمت چپ یا وسط
  9. title: Text('اپلیکیشن من'),
  10. // متن را وسط چین می کند
  11. centerTitle: true,
  12. // لیستی از آیکون های سمت راست
  13. actions: <Widget>[
  14. IconButton(icon: Icon(Icons.search),onPressed: null,),
  15. IconButton(icon: Icon(Icons.favorite),onPressed: null,),
  16. IconButton(icon: Icon(Icons.send),onPressed: null,),
  17. ],
  18. )
AppBar(
  // رنگ پس زمینه
  backgroundColor: Colors.white70,
  // آیکون سمت چپ
  leading: Icon(Icons.camera_alt),
  // میزان سایه زیر AppBar
  elevation: 1.0,
  // متن سمت چپ یا وسط
  title: Text('اپلیکیشن من'),
  // متن را وسط چین می کند
  centerTitle: true,
  // لیستی از آیکون های سمت راست
  actions: <Widget>[
    IconButton(icon: Icon(Icons.search),onPressed: null,),
    IconButton(icon: Icon(Icons.favorite),onPressed: null,),
    IconButton(icon: Icon(Icons.send),onPressed: null,),
  ],
)

خروجی قطعه کد بالا به شکل زیر است :

AppBar

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

1+
می خوانم   ویجت Directionality
محمدمجتبی جوارشکیان

محمدمجتبی جوارشکیان

من محمدمجتبی جوارشکیان ، کارشناس IT و فعال اجتماعی هستم و در حوزه معماری ، طراحی ، تحلیل گری ، مدلسازی و توسعه ی محیط های نرم افزاری فعالیت دارم. همانند سایر کارشناسان IT در تلاشم تا دنیا جای زیباتری برای زندگی باشد. بسیار خوشحال می شوم من را از انتقادات ، پیشنهادات و نظرات خود مطلع فرمایید. آدرس ایمیل : mjfakhr@yahoo.com

ارسال یک پاسخ

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

16 − 2 =