0

ローカル画像を表示して、次のように画面に表示したい:

 Image(image: AssetImage('assets/images/addFood.png'))

しかし、画面に画像が表示されず、エラーはまったく発生しません。

これが私がやったことです:

私の場合、pubspec.yaml次のように画像フォルダーを追加しました。

  assets:
    - lib/assets/images/

「addFood」という名前の画像は、次のようにimagesフォルダー内にあります。

ここに画像の説明を入力

その下に画像を含む単純なテキストを表示したいのですが、画面にテキストが表示され、次のようにしています。

  Widget build(BuildContext context) {

    if (favoriteMeals.isEmpty)

    return Column(children: <Widget>[
      Text('no favorites',style: Theme.of(context).textTheme.title,),
      Image(image: AssetImage('assets/images/addFood.png'))
    ]);

    else{
     ......
     ......
     ......
   }

私が見ることができるのは、画像のないテキストだけです:

ここに画像の説明を入力

私の場合は役に立たなかった解決策:

AssetImage が Flutter アプリで画像を表示しない

アセットと画像の追加

列内で「new Image.asset」を使用すると mage が表示されない

どうすればそれを修正し、画像が画面に表示されることを確認できますか?

4

3 に答える 3