Lines Matching refs:the
13 …the first screen a user sees when they open your app. It stays visible while the app is loading. Y…
15 ## Configure the splash screen for your app
17 …plash screen is a blank white screen. It can be customized using the `splash` key in the project's…
23 For an in-detail walkthrough, see the video below:
29 …the massive variety of devices on the market. One strategy to deal with this is to look at the mos…
33 …the device's screen sizes. In the video example, we use `1242` pixels wide (the width of the wides…
35 ## Export the splash image as a .png
37 After creating your splash screen, export it as a **.png** and save it in the **assets** directory.…
41 Open the **app.json** and add the path as the value of `splash.image` to point to your new splash i…
53 Reopen the Expo Go and launch your project. You should see your new splash screen. However, there m…
55 …press the notification drawer's refresh button. On iOS, it's required to close and re-open the Exp…
59 …or your splash image, you may see a white border around it. This is due to the `splash.backgroundC…
61 To resolve it, set the `splash.backgroundColor` to be the same as our splash image background color…
81 …age you provide gets resized to maintain its aspect ratio and fit the resolution of the user's dev…
83 …n` (default) and `cover`. In both cases, the splash image is within the splash screen. These work …
87 Applying this to an example and remove the `backgroundColor`:
100 Here is the result:
107 In the above example, the image is stretched to fill the entire width while maintaining the aspect …
109 To learn the difference between `contain` and `cover` in-depth, see [blog post](http://blog.vjeux.c…
113 Any of the splash options can be configured on a platform basis by nesting the configuration under …
121 …the _managed workflow_) to generate the native `android` and `iOS` directories, then changes in th…
127 On Android, the splash screen behaves in most cases the same as on the iOS. There is a slight diffe…
130 Depending on the `resizeMode` you will get the following behavior on Android:
132 …to stretch or scale the splash image. As a result, the `contain` mode will initially display only …
133 - **cover** - This mode has the limitations as **contain** for the same reasons.
134 …the application is starting up. Android (unlike iOS) does not support stretching the provided imag…
138 … be opened from the Expo Go or in a standalone app, and it can be either published or in developme…
145 {/* TODO: (@aman) Remove the second item in the list below. The published app in Expo Go is depreca…
147 …the left**, the Expo Go loads the project currently in development. Notice that on the bottom of t…
148 - **In the middle**, Expo Go loads a published app. Notice that again the splash image does not app…
149 - **On the right** is a standalone app. Notice that the splash image appears immediately.
153 …een builds, making it harder to test new images. Apple recommends clearing the _derived data_ fold…
163 … and app stores. Learn about how to customize your app's icon and what are the different requireme…