如何解决:Flutter中的物理设备上未显示图像背景

时间:2019-08-02 08:37:10

标签: android flutter assets

我正在学习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)

这是我的repository

我希望屏幕看起来像这样(这是来自Android模拟器):

enter image description here

但是,我的背景是白色(所有控件都呈现正确。

2 个答案:

答案 0 :(得分:1)

我找到了下面两个链接的解决方案;

  1. flutter issues

  2. internet permission

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

我已将以上行添加到android / app / src / main /

下的文件AndroidManifest.xml中

答案 1 :(得分:0)

好,我设法解决了问题。

有些步骤对我有帮助:

  1. 删除本地存储库。
  2. 从GitHub克隆存储库。
  3. 运行flutter upgrade命令以获取Flutter框架的最新版本。
  4. 运行flutter run命令以在连接的物理设备上运行应用程序。