Flutter學習-5 appBar組件

 

appBar是放在營幕上方的欄位，包含的結構如下：

基本上就是依據上面的位置放置你需要的部件，排出你想要的畫面。可參考下面的範例：

appBar: AppBar(
  backgroundColor: appBarBg, //appBarBg=const Color.fromARGB(255, 25, 164, 178)
  leading: const Icon(Icons.menu), //左識別圖
  title: Align(   //設置title，因要靠左，所以將它包在Aling中。
    alignment: Alignment.centerLeft,
    child: Image.network(   //加上圖片，裡面你可以隨便加一個網路圖
      logoUrl,  //
      color: Colors.white,
      height: 30,   //高度
    ),
  ),
  actions: const [  //action為list，下面放了三個icon
    Icon(Icons.notifications_none),
    Icon(Icons.camera_alt),
    Icon(Icons.camera_alt),
  ],
),