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

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

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,),
  ],
)

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

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