flutter 在初始屏幕中不显示图标图像 android 12

Question

I want to set a splash screen for android 12 in flutter

I used flutter_native_splash package but it doesn't show my icon

I added it to the pybspec.yaml file:

dependencies:
  flutter:
    sdk: flutter


  # The following adds the Cupertino Icons font to your application.
  # Use with the CupertinoIcons class for iOS style icons.
  cupertino_icons: ^1.0.2
  flutter_native_splash: ^2.2.8

dev_dependencies:
  flutter_test:
    sdk: flutter
  
flutter_native_splash:
  color: "#ffff00"
  image: assets/splash.png
  android_12:
    image: assets/splash.png

  # The "flutter_lints" package below contains a set of recommended lints to
  # encourage good coding practices. The lint set provided by the package is
  # activated in the `analysis_options.yaml` file located at the root of your
  # package. See that file for information about deactivating specific lint
  # rules and activating additional ones.
  flutter_lints: ^2.0.0

# For information on the generic Dart part of this file, see the
# following page: https://dart.dev/tools/pub/pubspec

# The following section is specific to Flutter packages.
flutter:

  # The following line ensures that the Material Icons font is
  # included with your application, so that you can use the icons in
  # the material Icons class.
  uses-material-design: true

  # To add assets to your application, add an assets section, like this:
  assets:
    - assets/

and created a separated file splash.yaml :

flutter_native_splash:
  color: "#ffff00"
  image: assets/splash.png
  android_12:
    image: assets/splash.png

the I ran this command flutter pub run flutter_native_splash:create --path=splash.yaml

it change the background color but it doesn't change the icon

I read the doc of the package and read this but I found nothing

Answer 1

flutter_native_splash

Installation guide (by the author of the package):

1. Setting the splash screen

Add your settings to your project's pubspec.yaml file or create a file in your root project folder named flutter_native_splash.yaml with your settings.

flutter_native_splash:
  image: assets/images/splash.png
  color: "42a5f5"

image must be a png file.

You can use # in color as well. color: "#42a5f5" You can also set android or ios to false if you don't want to create a splash screen for a specific platform.

flutter_native_splash:
  image: assets/images/splash.png
  color: "42a5f5"
  android: false

In case your image should use all available screen (width and height) you can use fill property.

flutter_native_splash:
  image: assets/images/splash.png
  color: "42a5f5"
  fill: true

Note: fill property is not yet implemented for iOS splash screens.

If you want to disable full screen splash screen on Android you can use android_disable_fullscreen property.

flutter_native_splash:
  image: assets/images/splash.png
  color: "42a5f5"
  android_disable_fullscreen: true

2. Run the package

After adding your settings, run the package with

flutter pub run flutter_native_splash:create When the package finishes running your splash screen is ready.

UPDATED

Android 12 Support

Android 12 has a new method of adding splash screens, which consists of a window background, icon, and the icon background. Note that a background image is not supported.

The package provides Android 12 support while maintaining the legacy splash screen for previous versions of Android.

PLEASE NOTE: The splash screen may not appear when you launch the app from Android Studio. However, it should appear when you launch by clicking on the launch icon in Android.

PLEASE NOTE: There are a number of reports that non-Google launchers do not display the launch image correctly. If the launch image does not display correctly, please try the Google launcher to confirm that this package is working.

Answer 2

Looking over your pubpsec.yaml file, under the assets key, you put the same key (a folder called assets).

 # To add assets to your application, add an assets section, like this:
  assets:
    - assets/

I would try and rename your assets directory to something else to make sure there isn't a problem there.

Also, since I do not know what your assets directory contains or where in your project it is located, I would try and explicitly add your splash image in the pubspec.yaml:

 # To add assets to your application, add an assets section, like this:
      assets:
        - images/splash.png

Make sure your assets directory is located in the correct place

Documentation