如何在 Flutter 中显示图像？

Question

我建立了一个文件夹资产并在那里添加了我的 logo.png。 但它显示无法加载资产：assets/logo.png。 我怎样才能解决这个问题？ 您可以在下面找到我的代码。

导入“包：颤振/material.dart”； 导入“包：颜色/color.dart”；

class HomePage extends StatefulWidget {
  const HomePage({Key? key}) : super(key: key);

  @override
  State<HomePage> createState() => _HomePageState();
}

class _HomePageState extends State<HomePage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Stack(
        children: [
          Container(
         color: Colors.grey[900],
         child: Row(
          mainAxisAlignment: MainAxisAlignment.start,
          children: <Widget>[
            SizedBox(
              height: 100,
              width: 150,
              child: Image.asset('assets/logo.png'),
            )
          ],
         ),
          )
        ],
      ),
    );
  }
}

Answer 1

您还需要像这样添加 pubspec.yaml 文件。

flutter:

  uses-material-design: true
  assets:
    - assets/logo.png

Answer 2

首先，您需要在项目根文件夹中创建一个资产文件夹，如下所示：

然后在您的pubspec.yaml中，在flutter:像这样定义它：

assets:
    - assets/images/

然后运行flutter pub get now 如果你调用 image，你可以看到它：

Image.asset('assets/images/test.jpeg'),

注意：如果仍然没有得到图像，请停止项目并关闭 ide，然后再次打开它运行 flutter pub get 然后运行项目。