flutter原生启动画面的使用方法

Question

I am facing trouble using the flutter native splash screen.A blank screen appears when i tried to use the flutter_native_splash package https://pub.dev/packages/flutter_native_splash

Answer 1

You can create native splash screen for both (android, iOS) platform manually to follow the doc ( https://docs.flutter.dev/development/ui/advanced/splash-screen ) but I will recommend you to use flutter_native_splash plugin cause it will save your time and less opportunity of mistakes.

Create a new assets and logos folder in your root project path and place your splash_screen_logo.png like this [project_name]/assets/logos/splash_screen_logo.png

Add flutter_native_splash: ^2.1.1 at dev_dependencies in pubspec.yaml (please replace ^2.1.1 version with the latest one)

dev_dependencies:
  flutter_test:
    sdk: flutter

  flutter_native_splash: ^2.1.1

Paste this below code in your pubspec.yaml and change the color and image asset path

flutter_native_splash:
  color: "#071b5d"
  image: assets/logos/splash_screen_logo.png
  android: true
  ios: true

Finally in your project path terminal, run this command: flutter pub run flutter_native_splash:create and it will generate native splash screen for both android and iOS.

Answer 2

The actual and perfect way is not to add a page or use a plugin, you can even do it natively by this method: Go to => andoid > app > main > res > drawable > in this folder you can see a file called lauch_background open it,

<?xml version="1.0" encoding="utf-8"?>
 <!-- Modify this file to customize your launch splash screen -->
 <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item android:drawable="@android:color/white" />

  <!-- You can insert your own image assets here -->
   <item>
    <bitmap
        android:gravity="fill"
        android:src="@mipmap/ic_launcher" />
  </item>
   </layer-list>

add your image in the folder and rename the image file name to ic_launcher. Also uncomment the commented code in the file.

Answer 3

refer this example for you native splash screen https://www.codegrepper.com/code-examples/whatever/flutter+native+splash+screen

Answer 4

this is the right code, the right indentation matters

 flutter_native_splash: ^2.2.16

flutter_native_splash:
color: "#004ab9" images: assets/finviobackground.png android: true ios: true

Answer 5

Two Packages are Needed If you want to Add a Native Flutter Splash screen and Change App Icon using Easy Method

1. flutter_native_splash 2.2.16
2. flutter_launcher_icons

Flutter native splash screen and App icon change - Easy Method