Lines Matching refs:the

14 Before considering the app fully launchable, we have to configure the status bar, add a splash scre…
18 ## Configure the status bar
21 …provides a `<StatusBar>` component that allows configuring the app's status bar to change the text…
23 The `<StatusBar>` component is already imported in the **App.js**:
29 It's also mounted in the `<App>` component.
35 Currently, the `style` value is `auto`. It means that the status bar will automatically pick the te…
36 However, we do not have different color schemes in the tutorial app. There is only one active color…
37 To make the status bar light, change the `style` value to `light`.
55 …reen that is visible before the contents of the app has had a chance to load. It hides once the ap…
57 The splash screen is configured by defining a path to the `"splash.image"` property in the <A href=…
60 We already have **splash.png** in the **assets** directory. It looks as shown below:
72 <Collapsible summary="Is the app loading too quickly for you to get a good look at the splash scree…
74 … the splash screen stick around for longer by manually controlling when it is hidden, rather than …
76 Start by running the following command:
80 Next, add the following code in **App.js** to delay hiding the splash screen for five seconds.
93 …the edges of the Android device in the above demo. Depending on the resolution of the device, it m…
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…
109     /* @info Use #25292e (black) instead of the default #ffffff (white). */
115 The `backgroundColor` value in the above snippet matches the background of the splash screen image.
127 Inside the project, there's an **icon.png** file inside **assets** directory. This is our app icon.…
131 Similar to splash screen image, the icon is configured by defining a path to the `"icon"` property …
133 > Eventually, when you build the app for the app stores, Expo Application Services (EAS) will take …
135 You can see the icon in various places in Expo Go. Here is an example of the app icon displayed in …
146 ## We have completed the app!
148 Well done! We built an app that runs on Android, iOS, and the web from the same codebase.
153 …description="The next section of the tutorial will guide you toward resources to learn more about …