[英]How to fix: Image background doesn't show up on physical device in Flutter
我正在學習 Flutter,我想在我的應用程序中顯示背景圖像,但它沒有顯示在物理設備上。
我向應用程序添加了圖像背景。 它顯示在 Android 模擬器上。 但是當我使用物理設備時,沒有圖像(只有白色背景)。
我嘗試flutter clean
, flutter 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 模擬器):
但相反,我有一個白色背景(所有控件都正確呈現。
好的,我設法解決了我的問題。
有一些步驟對我有幫助:
flutter upgrade
命令以獲得最新版本的 Flutter 框架。flutter run
命令在連接的物理設備上運行應用程序。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.