Lines Matching refs:splash

2 title: Configure status bar, splash screen and app icon
14 Before considering the app fully launchable, we have to configure the status bar, add a splash scre…
55 A splash screen is a screen that is visible before the contents of the app has had a chance to load…
57 The splash screen is configured by defining a path to the `"splash.image"` property in the <A href=…
58 It has a current value of `"./assets/splash.png"` path. This is already done by default when a new …
60 We already have **splash.png** in the **assets** directory. It looks as shown below:
63   src="/static/images/tutorial/splash.png"
70 <Video file={'tutorial/splash-add.mp4'} />
72 <Collapsible summary="Is the app loading too quickly for you to get a good look at the splash scree…
74 You can make the splash screen stick around for longer by manually controlling when it is hidden, r…
78 <Terminal cmd={['$ npx expo install expo-splash-screen']} />
80 Next, add the following code in **App.js** to delay hiding the splash screen for five seconds.
83 import * as SplashScreen from 'expo-splash-screen';
89 Don't forget to remove this code when you are done testing your splash screen!
93 … `backgroundColor` for the splash screen. The background color is applied to any screen area that …
99 ## Configure the splash screen background color
101 We can configure the splash screen's background color in **app.json** file. Open it and make the fo…
106   "splash": {
107     "image": "./assets/splash.png",
115 The `backgroundColor` value in the above snippet matches the background of the splash screen image.
119 <Video file={'tutorial/splash-fixed.mp4'} />
131 Similar to splash screen image, the icon is configured by defining a path to the `"icon"` property …