Question

我正在尝试将PNG文件用作图标图像。

我在项目的根目录中有一个assets文件夹。

文件的路径为assets/icons/Dumbbell.png。

我将资产加载到pubspec文件中

flutter:
  uses-material-design: true
  assets:
    - assets/icons/

在有状态小部件的状态下，我正在尝试使用它：

 @override
  Widget build(BuildContext context) {
    return Scaffold(
      ...
      bottomNavigationBar: BottomNavigationBar(
        items: const <BottomNavigationBarItem>[
           BottomNavigationBarItem(
            title: Text('Workout'),
            icon: Image.asset(
              'assets/icons/Dumbbell.png',
            ),
          ),
        ],
      ),
    );
  }

我无法使其正常工作！

编辑：我删除了const关键字，并添加了另一个BottomNavigationBarItem，现在一切正常！

Answer 1

要解决您的问题，只需删除const关键字即可，因为您的图标不是恒定的，并且您至少需要两个BottomNavigationBarItem小部件才能使其正常工作：

    items: [
           BottomNavigationBarItem(
            title: Text('Workout'),
            icon: Image.asset(
              'assets/icons/Dumbbell.png',
            ),
          ),
          BottomNavigationBarItem(
            title: Text('Another item'),
            icon: Image.asset(
              'assets/icons/Dumbbell.png',
            ),
          ),
        ],

此处有更多信息：https://api.flutter.dev/flutter/material/BottomNavigationBar-class.html

Answer 2

再次尝试此演示

Image(image: AssetImage('assets/images/intro_0.jpg'),fit: BoxFit.fitWidth,)

diegoveloper的话是对的。和BottomNavigationBar需要另外两项。这些代码有效：

    bottomNavigationBar:BottomNavigationBar(
        items: <BottomNavigationBarItem>[
            BottomNavigationBarItem(
                title: Text('Workout'),
                icon: Image(image: AssetImage('assets/images/intro_0.jpg'),fit: BoxFit.fitWidth,),
            ),
            BottomNavigationBarItem(
                title: Text('Workout'),
                icon: Image(image: AssetImage('assets/images/intro_0.jpg'),fit: BoxFit.fitWidth,),
            ),
        ],
    ),

Answer 3

尝试一下。

使用ImageIcon类代替Image.asset

 bottomNavigationBar: BottomNavigationBar(
          items: const <BottomNavigationBarItem>[
            BottomNavigationBarItem(
                icon: ImageIcon(AssetImage("assets/mascot.png")),
              title: Text("workout"),
            ),

          ],
 ),

从资产加载图像时出错

3 个答案: