flutter - Flutter - 带有图像的 TabBar

Question

我正在尝试实现标准的 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')),
            ),

标签： flutterdartwidget

Answer 1

用容器把它包起来。你可以稍后再试吗

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