Flutter AppBar控件

最新推荐文章于 2024-05-06 02:05:08 发布

llayjun

最新推荐文章于 2024-05-06 02:05:08 发布

阅读量166

点赞数

分类专栏： flutter

本文链接：https://blog.csdn.net/llayjun/article/details/109746893

版权

flutter 专栏收录该内容

23 篇文章 0 订阅

订阅专栏

Flutter AppBar控件

AppBar控件

// appBar组件
class AppBarDemo extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    // return SizedBox(
    //   height: 200.0,
    //   child: AppBar(
    //     title: Text('微信'),
    //     actions: [
    //       IconButton(
    //         icon: Icon(Icons.share),
    //         onPressed: null,
    //       ),
    //       IconButton(
    //         icon: Icon(Icons.plus_one),
    //         onPressed: null,
    //       )
    //     ],
    //   ),
    // );
    return SizedBox(
      height: 100,
      child: AppBar(
        title: Text('标题'),
        leading: Icon(Icons.home), // 左侧图标
        backgroundColor: Colors.blue, // 背景色
        centerTitle: true,
        actions: [
          IconButton(
            icon: Icon(Icons.share),
            onPressed: null,
          ),
          // popupMenu
          PopupMenuButton<String>(
              itemBuilder: (BuildContext context) => <PopupMenuItem<String>>[
                    PopupMenuItem<String>(
                      value: 'friendContent',
                      child: Text('分享到朋友圈'),
                    ),
                    PopupMenuItem<String>(
                      value: 'friend',
                      child: Text('分享到好友'),
                    )
                  ])
        ],
      ),
    );
  }
}

效果图