问题描述
我正在尝试实现标准的 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'"))))