Добавьте файлы ресурсов во Flutter

Во Flutter вам необходимо настроить путь к ресурсу в файле pubspec.yaml в корневом каталоге, чтобы ресурс можно было упаковать и использовать.

1. Добавьте файлы ресурсов изображения.

1.1 Добавьте локальные ресурсы изображений

# The following section is specific to Flutter packages.
flutter:
  assets:
    // 表示引入根目录下的 assets/images 文件夹下的所有资源文件
    - assets/images/
    // 只添加 assets/images/ 下的 mine.png
    - assets/images/mine.png

Обратите внимание на отступ! Для ресурсов в локальной папке вы можете импортировать всю папку или только определенные файлы.
использовать:Image.asset("assets/images/mine.png")

1.2 Добавление зависимых ресурсов изображений подключаемого модуля

1. Добавьте зависимые плагины

Добавьте зависимые плагины в раздел «Зависимости» в файле pubspec.yaml.

dependencies:
    flutter_gallery_assets: 0.1.6

2. Чтобы зарегистрировать ресурсы в зависимом плагине, вам также необходимо добавить путь к изображению в зависимом плагине, который будет использоваться в разделе «Ресурсы под флаттером» в файле pubspec.yaml.

flutter:
  assets:
    - packages/flutter_gallery_assets/places/india_chennai_flower_market.png

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

3. Используйте

child: Image.asset(
 // 图片路径
 'places/india_chennai_flower_market.png',
 // 包名
 package: 'flutter_gallery_assets',
),

При использовании ресурсов сторонней библиотеки необходимо добавить имя пакета.

1.3 Ресурсы, связанные с разрешением

Flutter поддерживает автоматический выбор ресурсов изображения соответствующего разрешения в зависимости от разрешения устройства, но ресурсы необходимо добавлять в соответствии со следующими правилами:

../image.png
../1.0x/image.png
../2.0x/image.png

использовать

AssetImage('../image.png')

Просто используйте изображение по умолчанию, и AssetImage автоматически выберет значок соответствующего размера в зависимости от разрешения устройства.

2. Добавьте ресурсы шрифтов

Формат добавления ресурсов шрифта следующий, также в pubspec.yaml:

flutter:
  fonts:
   // 一组字体的名称
   - family: Schyler
    fonts:
     // 组内包哈的字体资源文件，第一个是默认字体
     - asset: assets/fonts/Schyler-Regular.ttf
     - asset: assets/fonts/Schyler-Italic.ttf
      // 定义该字体的style
      style: italic
   // 一组字体的名称
   - family: Trajan Pro
    fonts:
     - asset: assets/fonts/TrajanPro.ttf
     - asset: assets/fonts/TrajanPro_Bold.ttf
      weight: 700
   // 一组字体的名称
   - family: Raleway
    fonts:
     - asset: packages/flutter_gallery_assets/fonts/raleway/Raleway-Regular.ttf
     - asset: packages/flutter_gallery_assets/fonts/raleway/Raleway-Medium.ttf
      weight: 500
     - asset: packages/flutter_gallery_assets/fonts/raleway/Raleway-SemiBold.ttf
      weight: 600

Используйте шрифты

TextStyle(
  // 字体组名称
  fontFamily: 'Raleway',
  inherit: false,
  fontSize: 24.0,
  // 根据 weight 选择具体的字体
  fontWeight: FontWeight.w500,
  color: Colors.white,
  textBaseline: TextBaseline.alphabetic,
 )