图像不显示在应用程序上，即使它在资产文件夹中

Question

我在资产文件夹中添加了图像文件。但是当我运行应用程序时，图像根本不显示。并且没有任何错误消息。我不知道为什么我看不到我添加的图片。（当然不是白图，是正常图。）请告诉我原因。

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
        visualDensity: VisualDensity.adaptivePlatformDensity,
      ),
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Title'),
      ),
      body: Center(
        child: GestureDetector(
          onTap: (){
            Navigator.push(
                context,
                MaterialPageRoute(builder: (context) => HeroDetailPage()),
            );
          },
          child: Hero(
            tag: 'image',
            child: Image.asset(
                'assets/sample.jpg',
              width: 100,
              height: 100,
            ),
          ),
        ),
      ),
    );
  }
}

class HeroDetailPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Hero Detail'),
      ),
      body: Hero(
        tag: 'image',
        child: Image.asset('assets/sample.jpg'),
      ),
    );
  }
}

Answer 1

要将资产添加到您的应用程序，请在您的 pubspec.yaml 文件中添加资产部分，如下所示：

assets:
- assets/

Answer 2

请先检查：https://flutter.dev/docs/development/ui/assets-and-images。

在那里你可以找到这个：

Flutter uses the pubspec.yaml file, located at the root of your project, to identify assets required by an app.

Here is an example:

flutter:
  assets:
    - assets/my_icon.png
    - assets/background.png

To include all assets under a directory, specify the directory name with the / character at the end:

flutter:
  assets:
    - directory/
    - directory/subdirectory/

Answer 3

首先在pubspec.yml文件中添加你的图片文件

assets:
    - assets/sample.jpg

图像不显示在应用程序上，即使它在资产文件夹中

image doesn't display on the app even though it was in assets folder

flutter

assets

display