Set your background of the View to custom color and set the hex value to 181818 and that's it. Just pick your original image and the background of your choice and get the result just seconds later, all 100 automatically. Set your constraints to the sizes that you want and centre it horizontally and vertically. No matter what background your photo currently has, with this template you can easily replace it with a better one. Also make sure to remove the LaunchImage that's already added to the view.
Set the image to the SplashIcon just created. Open up LaunchScreen.storyboard and add a new Image. Under AppIcon and LaunchImage right-click and select "New Image Set", name it SplashIcon and add your images in the respective sizes. Go to the Assets.xcassets folder in the left panel. Uncomment the lines where it says "You can insert your own image assets here" and set your android:src value to Your final xml should look like this. Now copy your splash Icon into the mipmap folders with it's respective sizes. Then go to the launch_background.xml under android/app/src/main/res/drawable and change Go to the values folder under android/app/src/main/res/ and create a new file called colors.xml. Androidįirst we'll get the background color what we want it to be. If you don't have assets to test with you can download the ones I used here. If you've done it for a native project then it's all the same so you can skip this tutorials :) We'll make the splash look like this.Įach platform has to be setup individually.
#STORYBOARD QUICK CHANGE BACKGROUND COLOR HOW TO#
Today we'll cover how to setup your splash screen in Flutter.
0 kommentar(er)
