Изображение не отображается в приложении флаттера

Question

Изображение не отображается в приложении флаттера

Изображение не отображается в приложении флаттера. Но я получил некоторые ошибки в консоли отладки.

I/FlutterActivityDelegate(22603): onResume setting current activity to this
I/FlutterActivityDelegate(22603): onResume setting current activity to this
I/Timeline(22603): Timeline: Activity_idle id: android.os.BinderProxy@3eb59326 time:39937973
I/flutter (22603): ══╡ EXCEPTION CAUGHT BY SERVICES ╞══════════════════════════════════════════════════════════════════
I/flutter (22603): The following assertion was thrown resolving an image codec:
I/flutter (22603): Unable to load asset: assets/images/logo.png
I/flutter (22603): When the exception was thrown, this was the stack:
I/flutter (22603): #0      PlatformAssetBundle.load (package:flutter/src/services/asset_bundle.dart:221:7)
I/flutter (22603): <asynchronous suspension>
I/flutter (22603): #1      AssetBundleImageProvider._loadAsync (package:flutter/src/painting/image_provider.dart:383:44)
I/flutter (22603): <asynchronous suspension>
I/flutter (22603): #2      AssetBundleImageProvider.load (package:flutter/src/painting/image_provider.dart:368:14)
I/flutter (22603): #3      ImageProvider.resolve.<anonymous closure>.<anonymous closure> (package:flutter/src/painting/image_provider.dart:265:86)
I/flutter (22603): #4      ImageCache.putIfAbsent (package:flutter/src/painting/image_cache.dart:82:22)
I/flutter (22603): #5      ImageProvider.resolve.<anonymous closure> (package:flutter/src/painting/image_provider.dart:265:63)
I/flutter (22603): (elided 8 frames from package dart:async)
I/flutter (22603): Image provider: AssetImage(bundle: null, name: "assets/images/logo.png")
I/flutter (22603): Image key: AssetBundleImageKey(bundle: PlatformAssetBundle#19ce7(), name: "assets/images/logo.png",
I/flutter (22603): scale: 1.0)
I/flutter (22603): ════════════════════════════════════════════════════════════════════════════════════════════════════
D/ViewRootImpl(22603): ViewPostImeInputStage ACTION_DOWN
D/ViewRootImpl(22603): ViewPostImeInputStage ACTION_DOWN

Мой файл Pubspec.yaml

активы: - активы / изображения / logo.png

код login.dart

новый Image.asset("assets/images/logo.png", ширина: 60,0, высота: 24,0, подходит: BoxFit.cover)

структура каталогов

файл pubspec.yaml

11

flutter dart

Источник

user6176681 27 авг '18 в 06:24

15 ответов

Решение

Там может быть две проблемы:

1.) Либо у вас файл pubspec.ymal не имеет правильного отступа. Прикрепление сниппета для справки.

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

-assets/ рассмотрим все изображения в каталоге.

2.) Если вы используете изображение.jpg, измените его на.jpeg, где бы вы его ни называли.

Прикрепление фрагмента для справки

class _UserLoginState extends State<UserLogin> {
  @override
  Widget build(BuildContext context) {
    return new Scaffold(
      body: new Stack(
        children: <Widget>[
          new Image(image: new AssetImage("assets/christmas.jpeg"),
          fit: BoxFit.cover,)
        ],
      )
    );
  }
}

16

Источник

user10053092 23 дек '18 в 17:58

Убедитесь, что папка, на которую вы ссылаетесь в Image.asset, содержит файл.

Например:

      Image.asset(
"./assets/images/loading.gif",
height: 125.0,
width: 125.0,
)

Папка должна быть:

      C:\your_app_folder\assets\images

pubspec.yaml:

        assets:
    - assets/
    - assets/images/

Запустите flutter clean, чтобы очистить промежуточные файлы и обновить их.

9

Источник

user436341 10 янв '21 в 21:00

Hot Reloadбыла проблема в моем случае. Я просто перезапустил студию Android и повторно запустил приложение, все заработало !.

7

Источник

user563735 20 авг '21 в 04:09

Я полагаю, вы скопировали свои файлы внутри assets/images/ папка правильно? Также вам нужно ссылаться на ваши изображения в pubspec.yaml файл.

  flutter:

  ...

    assets:
      - assets/images/logo.png

3

Источник

user666221 27 авг '18 в 06:29

Я столкнулся с той же проблемой после добавления нового изображения в папку ресурсов. Я выполнял «горячую перезагрузку», я уничтожил приложение в фоновом режиме, повторно запустил приложение, и проблема была решена.

1

Источник

user2082559 06 июн '21 в 12:53

Есть несколько возможностей сделать ошибку, выше шанс, что она в декларации.

В большинстве случаев лучше указать каталог ваших активов. Таким образом вы будете редактироватьpubspec.yamlменее часто.
Каталог/элемент актива объявлен неправильно (например, неправильный отступ)
Если вашей IDE является Android Studio, и вы редактировалиpubspec, нажатие кнопки «Выполнить» не поможет. Выполнятьflutter runв Терминале, чтобы запустить приложение.
Если вы не можете ввести терминал, возможно, флаттер уже запущен. Нажиматьctrl+cчтобы завершить процесс, затем запустите. Нет необходимости перезапускать IDE.

1

Источник

user9459731 02 окт '22 в 08:16

Убедитесь, что папка с изображениями находится в папке проекта.

1

Источник

user11454030 06 июн '19 в 01:58

См. https://api.flutter.dev/flutter/painting/AssetImage-class.html

Добавьте изображения ресурсов в файл pubspec.yaml и в активе укажите путь от изображений, и он отлично работает.

 new AssetImage("images/logo.png")

Например

CircleAvatar(
  radius: 80,
  backgroundImage: AssetImage('images/logo.png'),
 ),

0

Источник

user3992001 21 мар '20 в 12:12

Моя проблема заключалась в отступе раздела активов. Я написал его в начале строки, тогда как он должен быть с отступом табуляции после раздела flutter:.

Роби

0

Источник

user11355338 16 сен '20 в 01:06

Я только что заменил

Image.asset("assets\images\_Lightweight.jpeg"),

Чтобы

Image.asset("assets/images/_Lightweight.jpeg"),

0

Источник

user13431597 11 июн '20 в 02:59

Ваш pubspec.yaml не предназначен должным образом

      flutter:
  uses-material-design: true

  assets:
    - images/

Проверьте, так ли это задумано.

0

Источник

user16909510 21 дек '21 в 01:50

Эти изменения определенно сработают.

      AssetImage('mypicture.jpg')

Выше мой код, я не использовал имя папки «assets» с именем файла изображения, и он отлично работает.

и это мои активы в файле pubspec.yaml.

      assets:
    - assets/cat.png
    - assets/mypicture.jpg```

-1

Источник

user15169038 25 авг '21 в 14:59

Flutter не поддерживает файлы jpg.
Попробуйте указать полный путь к файлу с помощью '/'(косая черта).

-1

Источник

user14707850 25 ноя '20 в 19:52

Я столкнулся с той же проблемой и сделал все упомянутое, но проблема заключалась в том, что я использовал маршрут, который сначала инициализировал другой файл вместо моего актива. вы также можете проверить это, если проблема не устранена

-3

Источник

Abhimanyu Singh Negi Abhi 09 авг '23 в 07:05

Другие вопросы по тегам flutter dart

user6176681 29 авг '18 в 14:31 2018-08-29 14:31 · Accepted Answer · 2018-08-29 14:31

Я упоминал файлы изображений в неправильном порядке. Я ставлю пробел между '-' и именем изображения вместо табуляции.

активы:

- assets/images/logo.png

Не ставьте пробелы между символом вместо табуляции в файле pubspec.yaml

22

Источник

user6176681 29 авг '18 в 14:31