微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

Flutter - 带有图像的 TabBar

如何解决Flutter - 带有图像的 TabBar

我正在尝试实现标准的 TabBarView,但是我需要标签作为图像。它的工作方式与任何其他 TabBar 相同。但是,我发现很难自定义图像的高度。你能帮我解决这个问题吗?

这是我的代码。它按预期工作。我只是无法操纵图像大小。将它放在 sizedBox 内没有帮助。它扩展了 TabBar 本身,但是似乎带有图像的行是用一些固定高度实现的。我该如何更改?

tabController = TabController(vsync: this,length: 15);
   Scaffold(
            bottomNavigationBar: TabBar(
                controller: tabController,isScrollable: true,indicatorColor: Colors.red,tabs: List<Tab>.generate(15,(index) {
                  return Tab(
                    icon: Image.network(
                      'https://i.stack.imgur.com/ILTQq.png',height: 500,fit: BoxFit.cover,),iconMargin: EdgeInsets.zero,);
                })),body: TabBarView(
              controller: tabController,children: List.generate(15,(index) => Text('$index')),

解决方法

用一个容器把它包起来。你可以晚点试试吗

 icon: Container(
     height: 500,decoration: 
     BoxDecoration(
     image: DecorationImage(
     image: NetworkImage(" 'https://i.stack.imgur.com/ILTQq.png'"))))

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。