Flutter 自定义顶部导航按钮及TabBar定义顶部 Tab 切换

最新推荐文章于 2025-04-18 10:16:58 发布

风曦Kisaki

最新推荐文章于 2025-04-18 10:16:58 发布

阅读量1.7k

点赞数

文章标签： flutter android

本文链接：https://blog.youkuaiyun.com/weixin_46136019/article/details/129662355

版权

这篇博客详细介绍了如何在Flutter中自定义AppBar的顶部按钮图标和颜色，以及如何在AppBar中实现顶部Tab切换，将TabBar置于导航栏顶部的两种方法。通过自定义TabBar，利用_tabController进行Tab的控制。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.Flutter AppBar 自定义顶部按钮图标、颜色

请添加图片描述

return Scaffold(
      appBar: AppBar(
        backgroundColor: Colors.red,
        leading: IconButton(
            icon: Icon(Icons.menu), tooltip: "Search", onPressed: () {
   
          print('menu Pressed');
        }
        ), title: Text('FlutterDemo'), actions: <Widget>[
        IconButton(
            icon: Icon(Icons.search), tooltip: "Search", onPressed: () {
   
          print('Search Pressed');
        }
        ), IconButton(
            icon: Icon(Icons.more_horiz), tooltip: "more_horiz", onPressed: () {
   
          print