[SOLVED] Flutter startup splash screen page black screen problem | Launch Screen Bug

Описание: flutter_native_splash: https://pub.dev/packages/flutter_nati...

Software I Used:
ScreenCopy: https://github.com/Genymobile/scrcpy
DeskPin: https://efotinis.neocities.org/deskpi...
PauseMe: https://github.com/peterbitfly/pause....
MaterialIcons: https://fonts.google.com/icons
Browser: https://brave.com/download/
Operating System: https://www.microsoft.com/en-in/softw...
Music: https://www.youtube.com/watch?v=EWD8J...

Hardware I Used:
Laptop: https://amzn.to/3dCBz8q
RAM: https://amzn.to/3yiZGkp
SSD: https://amzn.to/3hcmooE
Monitor: https://amzn.to/3yhdDiS
Samsung J2 Prime Mobile: https://amzn.to/2SJhfLo

GitHub Code: https://github.com/irajeshh/FlutterShip

00:00 to 00:08 Flutter Black splash screen appears
00:14 Adding plugin to generate the native splash screen
1:07 Result

Adding


did not solve the issue, and there I found 2 issues on the internet related to this bug in new flutter projects

1) Prevent the launch screen from fading to black on Flutter / Android
https://stackoverflow.com/questions/6...
Solution: Adding
meta-data

_____________________________
android:name="io.flutter.app.android.SplashScreenUntilFirstFrame"
android:value="true"
In AndroidManifest.xml
__________________________
The above code is valid for the old version of Flutter. It is no longer valid for the new version of Flutter. The new version of Flutter no longer supports the above code.



2) Black screen between White splash screen and the first screen
https://github.com/flutter/flutter/is...
3)flutter Black screen appears when loading
https://github.com/flutter/flutter/is...

None of the above posts solved the issue, I randomly found flutter_native_splash 1.2.0 on https://pub.dev/

1) Add flutter_native_splash: ^1.2.0 in dev dependencies in your pubspec.yaml
2) Now Add the following
flutter_native_splash:
color: "#32b3a4"
image: assets/logo.png
android: true
ios: true
3) Now run "flutter pub run flutter_native_splash:create" in yoru terminal
Done! It will create some files, you can clearly see the git changes are jumped from 3 to 30+ in the video

Note: Magically not alone this specific project, all the new projects that you create will not have a black boot screen. That is why I showed my old app at 00:08 and showed a different app in the rest of the video.
The first project was untouched today, that is why it still had black screen while booting up. The new apps are coming with a white screen. But any how this a simple solution but the plugin gives you more deep customizations that are explained in the Readme of the plugin. It's well maintained so you are ready to use it on your projects.

You don't need to touch any of the files in android folder like, Androidmanifest.xml or styles.xml or launcher_background.xml

Just create a fresh project and test it out instead of working on the production app.

Related to this problem:
[Solved] Why does my Flutter app show a white screen for few seconds on start? How do I solve this issue?
[Solved] If you see the black window background of the activity showing until Flutter renders its first frame, add this on your AndroidManifest, between activity ... /activity
Changing like /android/app/src/main/res/drawable/launch_background.xml

Solution to the black screen when the Flutter project starts
Adding a splash screen to your mobile app - Flutter
flutter black screen after splash screen Code Example
Generates native code to customize Flutter's default white native splash screen with background color and splash image. If the screen is black, then the screen should be black. Change the splash to black, so that the main interface of the application will not be displayed after the white screen and then the black screen. At this time, I was wondering if it was the problem with the Flutter SDK.

flutter black screen on startup [Solved]
flutter white screen after splash screen [Solved]
black screen after splash screen android [Solved]
flutter black screen on startup ios [Solved]
flutter splash screen not showing [Solved]
Flutter app shows a black screen before loading the app [Solved]
Black screen on startup after updating flutter [Solved]
Black screen between Splash Screen and First Screen [Solved]
flutter showing black screen in first running application [Solved]
Adding a splash screen to your mobile app - Flutter [Solved]
Black screen on startup after updating flutter [Solved]
flutter showing black screen in first running application [Solved]
Getting Black screen as splash screen on flutter app startup [Solved]
Remove white screen before flutter splash screen [Solved]
flutter shows black screen at startup after localization [Solved]
Flutter - How to remove first white screen when launch [Solved]
#flutter #flutterShip #android #ios