web-dev-qa-db-ja.com

フラッター画像がロードされない（例外：画像コーデックの解決）

画像アセットを実行しようとすると、適切にロードされません、例外が発生します：

次のアサーションがスローされ、画像コーデックが解決されました：アセットを読み込めません：/ images/p8.png`

数週間前は動作していたが、現在は停止した。私は別のPCとMacからも（シミュレーターを使用して）実行しようとしましたが、まだイメージをロードできません。代わりにフォントが適切にロードされます。

これが私が画像をロードする方法です。それらはGridView内にレンダリングされます。以下はコードです：

return new Expanded(
      child: new GridView.count(
          crossAxisCount: 2,
          padding: const EdgeInsets.fromLTRB(16.0, 25.0, 16.0, 4.0),
          children: <Widget>[
            new MaterialButton(
              onPressed: () {
                Navigator.of(context).pushNamed('/biliardo');
              },
              child: new Column(
                children: <Widget>[
                  new Image(
                    //parte importante, definire gli asset per trovarli più velocemnte
                    //si inseriscono nel pubspec.yaml
                    image: new AssetImage('/images/p8.png'),
                    height: 100.0,
                    width: 100.0,
                  ),
                  new Text(
                    "BILIARDO",
                    style: new TextStyle(
                      color: (darkTheme) ? Colors.blue : Colors.black,
                    ),
                  )
                ],
              ),
            ),

            .....

    );

pubsec.yamlファイルコード：

flutter:
  uses-material-design: true
  assets:
    - images/emptyBall.png
    - images/p1.png
    - images/p2.png
    - images/p3.png
    - images/p4.png
    - images/p5.png
    - images/p6.png
    - images/p7.png
    - images/p8.png
    - images/p9.png
    - images/p10.png
    - images/p11.png
    - images/p12.png
    - images/p13.png
    - images/p14.png
    - images/p15.png
    - images/basket.png
    - images/volley.png
    - images/tennis.png
    - images/rugby.png
    - images/numbers.png
  fonts:
    - family: ShotClock
      fonts:
        - asset: utils/ShotClock.ttf

ログ

フラッター分析

Analyzing D:\Android\AndroidStudioProjects\flutter_app...
No issues found!
Ran in 5.2s

flutter -v run

https://docs.google.com/document/d/133Z7029VGJXBDCYLgCrj09F9cLbvIQQ5X8yBS4pPC7I/edit?usp=sharing

フラッタードクター

フラッタードクター-v

[√] Flutter (Channel beta, v0.3.1, on Microsoft Windows [Versione 10.0.16299.371], locale it-IT)
    • Flutter version 0.3.1 at C:\Program Files\Flutter\flutter
    • Framework revision 12bbaba9ae (12 days ago), 2018-04-19 23:36:15 -0700
    • Engine revision 09d05a3891
    • Dart version 2.0.0-dev.48.0.flutter-fe606f890b

[√] Android toolchain - develop for Android devices (Android SDK 27.0.3)
    • Android SDK at C:\Users\Zanini\AppData\Local\Android\sdk
    • Android NDK location not configured (optional; useful for native profiling support)
    • Platform Android-27, build-tools 27.0.3
    • Java binary at: C:\Program Files\Android\Android Studio\jre\bin\Java
    • Java version OpenJDK Runtime Environment (build 1.8.0_152-release-1024-b02)
    • All Android licenses accepted.

[√] Android Studio (version 3.1)
    • Android Studio at C:\Program Files\Android\Android Studio
    • Flutter plugin version 24.0.1
    • Dart plugin version 173.4700
    • Java version OpenJDK Runtime Environment (build 1.8.0_152-release-1024-b02)

[√] Connected devices (1 available)
    • Nexus 5X • 01cde5e7db8d4c14 • Android-arm64 • Android 8.1.0 (API 27)

• No issues found!
imagedartfluttercodec
8
Andrea Zanini

PNGへのパスにある先頭の_/_を取り除きます。 _images/p8.png_である必要があります。

また、クリーナー_Image.asset_コンストラクターの使用を検討してください。例：

new Image.asset('images/p8.png', width: 100.0, height: 100.0)

10
Richard Heap

すべての画像パスに「/」を正しく追加します

Android Studio、

ツール->フラッター->フラッタークリーン

3
Riyas PK

注意すべきことは、「assets：」タグは「flutter：」タグで正しくインデントする必要がありますが、アセットをロードするときにエラーをスローするだけですときどき。したがって、これは機能しません：

flutter: 
assets:
    - images/

しかし、これは：

flutter: 
  assets:
    - images/
2
JMax

新しいフラッターバージョンでは、ファイルだけでなく、pubspec.yamlにフォルダーを配置することもできます。

flutter:
  uses-material-design: true
  assets:
    - images/
1
Serge Breusov