簡體   English   中英

如何解決:Flutter 中的物理設備上不顯示圖像背景

[英]How to fix: Image background doesn't show up on physical device in Flutter

我正在學習 Flutter,我想在我的應用程序中顯示背景圖像,但它沒有顯示在物理設備上。

我向應用程序添加了圖像背景。 它顯示在 Android 模擬器上。 但是當我使用物理設備時,沒有圖像(只有白色背景)。

我嘗試flutter cleanflutter pub get然后flutter build apk --release來創建APK文件。 然后我在設備上安裝了它。

我還嘗試使用調試設備(調試控制台不顯示任何錯誤或警告)。

在這兩種情況下,我都有白色背景。

我的pubspec.yaml文件:

flutter:
  assets:
    - assets/images/background.jpg

我在其中使用此圖像的MyHomePageState類:

...
          body: Container(
            decoration: BoxDecoration(
              image: DecorationImage(
                image: AssetImage('assets/images/background.jpg'),
                fit: BoxFit.contain,
              ),
...

flutter doctor -v命令的輸出:

[√] Flutter (Channel stable, v1.7.8+hotfix.3, on Microsoft Windows [Version 10.0.18362.239], locale en-US)
    • Flutter version 1.7.8+hotfix.3 at C:\AndroidFlutter\flutter
    • Framework revision b712a172f9 (3 weeks ago), 2019-07-09 13:14:38 -0700
    • Engine revision 54ad777fd2
    • Dart version 2.4.0


[√] Android toolchain - develop for Android devices (Android SDK version 28.0.3)
    • Android SDK at C:\AndroidFlutter
    • Android NDK location not configured (optional; useful for native profiling support)
    • Platform android-28, build-tools 28.0.3
    • ANDROID_HOME = C:\AndroidFlutter
    • ANDROID_SDK_ROOT = C:\Program Files (x86)\Android\android-sdk
    • Java binary at: C:\Program Files\Android\Android Studio\jre\bin\java
    • Java version OpenJDK Runtime Environment (build 1.8.0_152-release-1343-b01)
    • All Android licenses accepted.

[!] Android Studio (version 3.4)
    • Android Studio at C:\Program Files\Android\Android Studio
    X Flutter plugin not installed; this adds Flutter specific functionality.
    X Dart plugin not installed; this adds Dart specific functionality.
    • Java version OpenJDK Runtime Environment (build 1.8.0_152-release-1343-b01)

[√] VS Code (version 1.36.1)
    • VS Code at C:\Users\Cyber\AppData\Local\Programs\Microsoft VS Code
    • Flutter extension version 3.2.0

[√] Connected device (1 available)
    • LG V500 • LGV500d21491fe • android-arm • Android 7.1.2 (API 25)

這是我的存儲庫

我希望屏幕看起來像這樣(這是來自 Android 模擬器):

在此處輸入圖片說明

但相反,我有一個白色背景(所有控件都正確呈現。

好的,我設法解決了我的問題。

有一些步驟對我有幫助:

  1. 刪除本地存儲庫。
  2. 從 GitHub 克隆存儲庫。
  3. 運行flutter upgrade命令以獲得最新版本的 Flutter 框架。
  4. 運行flutter run命令在連接的物理設備上運行應用程序。

我通過以下兩個鏈接找到了解決方案;

  1. 顫振問題

  2. 互聯網許可

<uses-permission android:name="android.permission.INTERNET" />

我已將上述行添加到 android/app/src/main/ 下的文件 AndroidManifest.xml 中

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM