Как добавить указанный ресурс изображения в pubspec, а затем загрузить изображение в AssetImage для представления приложением?

ProgramBox

Как добавить указанный ресурс изображения в pubspec, а затем загрузить изображение в AssetImage для представления приложением?

Post author:admin
Запись опубликована:12 января, 2022
Post category:Вопросы по программированию

#flutter #package #assets

Вопрос:

Я нигде не могу найти инструкции о том, как добавить указанное изображение в актив. На самом деле я не знаю, какие фотографии включены в ресурс, или если я хочу использовать изображение из Интернета или свою собственную фотогалерею, я не знаю, как я могу связать изображение с ресурсом и применить его в своем коде. Точно так же я также не знаю, что входит в пакеты, такие как font_awesome flutter. Как я могу проверить, что включено в стоимость? Спасибо! Я думаю, что решил вышеуказанные вопросы с помощью комментаторов, но у меня возникают еще вопросы: почему я не смог загрузить актив? Пожалуйста, посмотрите фотографии ниже. введите описание изображения здесь
введите описание изображения здесь

Ответ №1:

вы можете разместить свои ресурсы в каталоге в папке вашего проекта. Например assetsdrawables , и assetsicons

Затем в вашем pubspec.yaml вы должны объявить эту папку. В этом примере:

 # To add assets to your application, add an assets section, like this:
  assets:
    - assets/drawables/
    - assets/icons/

Чем в вашем коде, вы можете использовать их следующим образом:

 Image.asset(
            'assets/drawables/image.png',
            width: 200,
          ),

Что касается вашего второго вопроса, я думаю, что у вас есть только два варианта:
либо поищите библиотечную документацию / веб-сайт, например www.fontawesome.com (бесплатные значки находятся в библиотеке). Или посмотрите в коде/пакете самостоятельно

1. О да, у меня есть идея. Большое спасибо!

2. отлично! не стесняйтесь принять ответ, если это решит вашу проблему

3. Извините, у меня есть еще один вопрос: почему я не могу загрузить актив, пожалуйста, посмотрите фотографии в моем вопросе. Я здесь новичок, как я могу принять это решение?

4. Вам нужно только объявить каталог, содержащий изображение. в вашем случае достаточно просто «активов». Чтобы принять решение, у вас есть чек рядом с каждым ответом. Вы также можете озвучить их, нажав на стрелки вверх. Это помогает репутации других пользователей

Ответ №2:

Поместите свою фотографию в папку assets с таким именем:

Добавьте эту строку в свой pubspec.yaml :

Затем поместите это где-нибудь в свой код:

 Image.asset(
        'assets/my_image.png',
        width: 200,
        height: 200,
        fit: BoxFit.contain,
      );

1. Большое спасибо! Я решил проблему, но возникает еще один вопрос: почему я не могу загрузить актив? Пожалуйста, ознакомьтесь с деталями на картинке, которые включены в мой вопрос.

2. Я предлагаю вам не использовать пробел в именах файлов.

3.Также вам нужно использовать его следующим образом: assets/first_image.png assets/second_image.png . И не в новых строках.

4. Между активами/first_image.png и активами/second_image.png я использую запятую или что-то еще? Я попытался загрузить только одно изображение, но все равно произошла ошибка. При разрешении кодека изображения было выдано следующее утверждение: Не удалось загрузить ресурс: активы/OptimizeYourFood1.png Когда было выдано исключение, это был стек: #0 PlatformAssetBundle. загрузка (пакет:flutter/src/услуги/asset_bundle.dart:224:7) <асинхронная подвеска> #1 AssetBundleImageProvider._loadAsync (пакет:flutter/src/живопись/image_provider.dart:672:14) <асинхронная подвеска><асинхронная подвеска>

5. Проверьте раздел «Загрузка изображений»: flutter.dev/документы/разработка/пользовательский интерфейс/ресурсы и изображения -> Вы должны поместить свои > AssetImage в Image

Метки: а затем загрузить изображение в AssetImage для представления приложением?, Как добавить указанный ресурс изображения в pubspec