Question

我目前正在做这样的事情

new Tab(icon: new Icon(Icons.arrow_forward), text: "Browse"),

但是我想用图像作为图标。我使用

获取图像

new Image.asset("assets/img/logo.png"),

我的问题是如何在上面显示的标签中将该图像用作图标？

Answer 1

根据文档Tab图标属性询问小部件，以便您也可以像这样或任何其他小部件传递

new Tab(icon: new Image.asset("assets/img/logo.png"), text: "Browse"),

Answer 2

new Tab(icon: new Image.asset("assets/img/logo.png"), text: "Browse"),

它不会工作。无法将图片制作为图标

Answer 3

就像@RobinSinha所说的那样，您可以使用Tab键，然后在显示图标时可以尝试以下操作

Tab(
        icon: Container(
          child: Image(
            image: AssetImage(
              'assets/logo.png',
            ),
            fit: BoxFit.cover,
          ),
          height: 100,
          width: 100,
        ),
      )

Answer 4

因此，跟进@RobinSinha答案，使用Tab小部件看起来很奇怪，因为Tab小部件具有外部填充，所以我建议避免这种情况：

BottomNavigationBarItem(
       icon: Image.asset(
           "assets/images/image.png",
            width: <put your desired width, recommended 24.0>,
            height: <put your desired width, recommended 24.0>,
           ),
        label: '<name for icon>'
),

如何在颤动中使用图像而不是图标？

4 个答案: