| /expo/guides/releasing/ |
| H A D | Updates QA.md | 7 - Close and restart Expo Go. Open the project again, should see the changes to the splash screen an…
11 - Make a change to the UI and manifest, publish to the `staging` release channel.
12 - Open the update from the `staging` channel in Expo Go; ensure you see the correct splash screen &…
23 …the UI and splash screen and publish it; relaunch the app twice and make sure the app update loads…
25 …the UI and publish it; relaunch the app twice and make sure the update loads on the second relaunc…
32 …the app a couple times and ensure you don't get the new update; use the module methods to check an…
33 - Relaunch the app and ensure the new update loads again.
36 - Ensure the build has the correct update embedded, then publish a new update to the `staging` chan…
58 - Do the same for 100 and 2000 ms. (The 2000 ms build should load an update on the **first** relaun…
62 - Use the module methods to check and fetch the new update, then reload the UI with `reloadAsync`.
[all …]
|
| H A D | Release Branches.md | 6 …[The bug has been fixed on main but not on the release branch.](#the-bug-has-been-fixed-on-main-bu…
7 …- [main has significantly diverged from the release branch.](#main-has-significantly-diverged-from…
8 …It’s easier to write and test the fix on the release branch instead of main.](#it-s-easier-to-writ…
16 …f the release branch is to release new versions of Expo Go and the SDK libraries; we use the relea…
24 3. Cherry-pick the bug fixes from main to the release branch.
30 …the release that we want to fix, we’d check out main and look to fix the bug there. Assuming that …
32 …the bug-fix commit is on both main and the release branch, and the version-incrementing commit is …
46 ### It’s easier to write and test the fix on the release branch instead of main.
60 …the release in particular. Due to the number of projects we have and our release scripts, incremen…
64 …the new version of a library is compatible with a version of Expo Go we have already released (or …
[all …]
|
| /expo/docs/pages/tutorial/ |
| H A D | image-picker.mdx | 23 To install the library, run the following command:
38 We can use the button with the primary theme we created in the previous chapter to pick an image fr…
77 …lowsEditing` is set to `true`, the user can crop the image during the selection process on Android…
106 In **App.js**, add the `pickImageAsync()` function to the `onPress` prop on the first `<Button>`.
153 The `result` object provides the `assets` array, which contains the `uri` of the selected image.
154 Let's take this value from the image picker and use it to show the selected image in the app.
156 Modify the **App.js** file in the following steps:
160 - Update the `pickImageAsync()` function to save the image URI in the `selectedImage` state variabl…
207 Then, pass it as the value of the `source` prop on the `<Image>` component.
222 …/* @info If the selected image is not null, show the image from the device, otherwise, show the pl…
[all …]
|
| H A D | create-a-modal.mdx | 63 Now, we can remove the `alert` on the `<Button>` component and update the `onPress` prop when rende…
106 alt="Break down of the layout of the buttons row."
154 - `icon`: the name that corresponds to the icon in the `MaterialIcons` library.
155 - `label`: the text label displayed on the button.
257 In the above snippet, the `onReset()` function is called when the user presses the reset button. Wh…
352 …ce the comment in the `onAddSticker()` function to update the `isModalVisible` variable to `true` …
354 - Place the `<EmojiPicker>` component at the bottom of the `<App>` component, above the `<StatusBar…
416 …/* @info Render the EmojiPicker component at the bottom of the App component, just before the Stat…
505 Then, the `renderItem` prop takes the item from the `data` and returns the item in the list. Finall…
509 …w, modify the `App` component. Import the `<EmojiList>` component and replace the comments where t…
[all …]
|
| H A D | gestures.mdx | 17 - Double tap to scale the size of the emoji sticker.
18 - Pan to move the emoji sticker around the screen so that the user can place the sticker anywhere o…
124 These hooks will animate the style on the `<AnimatedImage>` component for the sticker when the tap …
145 to animate the transition while scaling the sticker image.
163 It will update styles using the shared values when the animation happens. In this case, we are scal…
176 Next, wrap the `<AnimatedImage>` component that displays the sticker on the screen with the `<TapGe…
219 In the above snippet, the `onGestureEvent` prop takes the value of the `onDoubleTap()` function and…
277 …s that the position the sticker is initially placed is considered the starting point. This value s…
279 In the previous step, we triggered the `onActive()` callback for the tap gesture inside the `useAni…
321 Then add the `containerStyle` from the above snippet on the `<AnimatedView>` component to apply the…
[all …]
|
| H A D | create-your-first-app.mdx | 29 …new project directory and install all the necessary dependencies to get the project up and running…
36 '# Navigate to the project directory',
42 This command will create a new directory for the project with the name: **StickerSmash**.
57 …the archive, unzip it and replace the existing **assets** directory with it in the project directo…
67 To run the project on the web, we need to install the following dependencies that will help to run …
75 ## Run the app on mobile and web
77 In the project directory, run the following command to start a <A href="/more/glossary-of-terms/#de…
81 …the development server is running, the easiest way to launch the app is on a physical device with …
83 To see the web app in action, press <kbd>w</kbd> in the terminal. It will open the web app in the d…
93 …the app's screen above can be found in the **App.js** file which is at the root of the project's d…
[all …]
|
| H A D | configuration.mdx | 18 ## Configure the status bar
35 Currently, the `style` value is `auto`. It means that the status bar will automatically pick the te…
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…
72 <Collapsible summary="Is the app loading too quickly for you to get a good look at the splash scree…
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…
115 The `backgroundColor` value in the above snippet matches the background of the splash screen image.
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!
[all …]
|
| H A D | screenshot.mdx | 37 …the app loads for the first time and the permission status is neither granted nor denied, the valu…
39 Add the following code snippet inside the `<App>` component:
45 // ...rest of the code remains same
49 // ...rest of the code remains same
60 Once permission is given, the value of the `status` changes to `granted`.
112 The rest of the contents of the app screen (such as buttons) are not part of the screenshot.
120 …w we can capture a screenshot of the view by calling the `captureRef()` method from `react-native-…
124 The `captureRef()` method returns a promise that fulfills with the URI of the captured screenshot.
126 which will save the screenshot to the device's media library.
128 Update the `onSaveImageAsync()` function with the following code:
[all …]
|
| /expo/docs/pages/build-reference/ |
| H A D | ios-builds.mdx | 6 …scribes the process of building iOS projects with EAS Build. You may want to read this if you are …
17 1. Prepare the credentials needed for the build.
19 …the value of `builds.ios.PROFILE_NAME.credentialsSource`, the credentials are obtained from either…
22 1. Create the tarball containing a copy of the repository. Actual behavior depends on the [VCS work…
23 1. Upload the project tarball to a private AWS S3 bucket and send the build request to EAS Build.
38 1. Restore the credentials
41 - Import the Distribution Certificate into the keychain.
42 …- Write the Provisioning Profile to the **~/Library/MobileDevice/Provisioning Profiles** directory.
49 1. Update the Xcode project with the ID of the Provisioning Profile.
59 1. If the build failed: run the `eas-build-on-error` script from **package.json** if defined.
[all …]
|
| H A D | simulators.mdx | 9 …figure the build profile and install the build automatically on the simulator. This provides a sta…
13 …ild of your app on an iOS Simulator, modify the build profile in [**eas.json**](/build/eas-json/) …
28 Now, execute the command as shown below to run the build:
34 ## Installing build on the simulator
36 > If you haven't installed or run the iOS Simulator before, follow the [iOS Simulator guide](/workf…
38 … the CLI will prompt you to automatically download and install it on the iOS Simulator. When promp…
44 …the build to install on the simulator from this list. Each build in the list has a build ID, the t…
46 For example, the image below lists two previous builds of a project:
53 …the build's installation is complete, it will appear on the home screen. If it's a development bui…
55 ### Running the latest build
[all …]
|
| H A D | apk.mdx | 44 …u can name the profile whatever you like. We named the profile `preview`. However, you can call it…
58 …the build to install on the emulator from this list. Each build in the list has a build ID, the ti…
60 For example, the image below lists the build of a project:
67 …the build's installation is complete, it will appear on the home screen. If it's a development bui…
69 #### Running the latest build
71 Pass the `--latest` flag to the `eas build:run` command to download and install the latest build on…
77 #### Download directly to the device
79 - Once your build is completed, copy the URL to the APK from the build details page or the link pro…
81 - Open the URL on your device, install the APK and run it.
87 - Once your build is completed, download the APK from the build details page or the link provided w…
[all …]
|
| H A D | android-builds.mdx | 6 …ribes the process of building Android projects with EAS Build. You may want to read this if you ar…
10 …the steps for building Android projects with EAS Build. We'll first run some steps on your local m…
17 1. Prepare the credentials needed for the build unless `builds.android.PROFILE_NAME.withoutCredenti…
19 …the value of `builds.android.PROFILE_NAME.credentialsSource`, the credentials are obtained from ei…
22 1. Upload the project tarball to a private AWS S3 bucket and send the build request to EAS Build.
38 1. Restore a previously saved cache identified by the `cache.key` value in the [build profile](/bui…
40 1. Restore the keystore (if it was included in the build request).
52 1. If the build was successful: run the `eas-build-on-success` script from **package.json** if defi…
53 1. If the build failed: run the `eas-build-on-error` script from **package.json** if defined.
111 // using the keystore password seems to satisfy the requirement
[all …]
|
| /expo/packages/expo-linear-gradient/src/ |
| H A D | LinearGradient.tsx | 9 * An object `{ x: number; y: number }` or array `[x, y]` that represents the point
10 * at which the gradient starts or ends, as a fraction of the overall size of the gradient ranging
34 …at contains `number`s ranging from `0` to `1`, inclusive, and is the same length as the `colors` p…
36 * If not specified, the colors will be distributed evenly across the gradient.
39 * - the first color, solid, from the beginning of the gradient view to 50% through (the middle);
40 * - a gradient from the first color to the second from the 50% point to the 80% point; and
41 * - the second color, solid, from the 80% point to the end of the gradient view.
48 …For example, `{ x: 0.1, y: 0.2 }` means that the gradient will start `10%` from the left and `20%`…
50 …* **On web**, this only changes the angle of the gradient because CSS gradients don't support chan…
55 … For example, `{ x: 0.1, y: 0.2 }` means that the gradient will end `10%` from the left and `20%` …
[all …]
|
| /expo/docs/pages/versions/v46.0.0/sdk/ |
| H A D | document-picker.mdx | 3 …ion: A library that provides access to the system's UI for selecting documents from the available …
13 …po-document-picker` provides access to the system's UI for selecting documents from the available …
27 …the Expo Go app, the DocumentPicker module requires the [iCloud Services Entitlement](https://deve…
30 - You need to enable the iCloud Application Service in your App identifier. This can be done in the…
31 …ng the new Container, you are asked to provide a description and identifier for the container. You…
37 …ts, the `DocumentPicker` module requires the iCloud entitlement to work properly. If your app does…
39 - In the project, go to the `Capabilities` tab
40 - Set the iCloud switch to `on`
41 - Check the `iCloud Documents` checkbox
45 …t/sdk/filesystem/), it's not always possible for the file system to read the file immediately afte…
[all …]
|
| /expo/docs/pages/develop/user-interface/ |
| H A D | splash-screen.mdx | 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
41 Open the **app.json** and add the path as the value of `splash.image` to point to your new splash i…
55 …press the notification drawer's refresh button. On iOS, it's required to close and re-open the Exp…
61 To resolve it, set the `splash.backgroundColor` to be the same as our splash image background color…
100 Here is the result:
107 In the above example, the image is stretched to fill the entire width while maintaining the aspect …
130 Depending on the `resizeMode` you will get the following behavior on Android:
133 - **cover** - This mode has the limitations as **contain** for the same reasons.
147 …the left**, the Expo Go loads the project currently in development. Notice that on the bottom of t…
[all …]
|
| /expo/docs/pages/technical-specs/ |
| H A D | expo-updates-1.mdx | 41 …- For a response containing a _directive_, the client library will consume the directive depending…
48 2. `expo-platform`, to specify the platform type the client is running on.
59 - `sig` SHOULD contain the boolean `true` to indicate that it requires a conformant server to respo…
60 - `keyid` SHOULD contain the keyId of the public key the client will use to verify the signature
61 - `alg` SHOULD contain the algorithm the client will use to verify the signature
96 …the client library by the `metadata` attribute found in the [manifest](#manifest-body). If a field…
107 …the signature of the manifest to be used during the validation step of [code signing](#code-signin…
109 …contain the keyId of the key the server used to sign the response. The client SHOULD use the certi…
110 …Y contain the algorithm the server used to sign the response. The client SHOULD use this field onl…
225 …the asset URLs specified by the manifest. The client library SHOULD include a header accepting the…
[all …]
|
| /expo/docs/pages/archive/technical-specs/ |
| H A D | expo-updates-0.mdx | 31 …ient library MUST load the most recent update saved in the client library's cache, possibly after …
45 1. `expo-platform`, to specify the platform type the client is running on.
56 - `sig` SHOULD contain the boolean `true` to indicate that it requires a conformant server to respo…
57 - `keyid` SHOULD contain the keyId of the public key the client will use to verify the signature
58 - `alg` SHOULD contain the algorithm the client will use to verify the signature
92 …the client library by the `metadata` attribute found in the [manifest](#manifest-response-body). I…
96 …the signature of the manifest to be used during the validation step of [code signing](#code-signin…
98 …contain the keyId of the key the server used to sign the response. The client SHOULD use the certi…
99 …Y contain the algorithm the server used to sign the response. The client SHOULD use this field onl…
196 …the asset URLs specified by the manifest. The client library SHOULD include a header accepting the…
[all …]
|
| /expo/docs/pages/router/advanced/ |
| H A D | apple-handoff.mdx | 11 …the underlying iOS API (`NSUserActivity`) requires a `webpageUrl` which the OS recommends as the c…
60 … the Handoff origin in your `app.config.js` file using the `expo-router` config plugin. This is th…
100 After configuring the app config, regenerate your native project with the following command:
104 …the website **before installing the app on your device**. This is because when you install the app…
135 …the URL that should be opened when the user switches to your app. Defaults to the current URL in-a…
164 3. To switch to your Mac and click the app's Handoff icon in the Dock.
165 4. To switch to your iPhone or iPad, open the App Switcher, and tap the app banner at the bottom of…
195 …the Ngrok URL (for example, via the browser), before installing the app on your device. If you can…
201 **If you see the Safari icon in the App Switcher on your iPhone**, then it means handoff is not wor…
219 …Updating the activity instances as the user performs actions in your app." is performed by mountin…
[all …]
|
| /expo/docs/pages/eas-update/ |
| H A D | rollouts.mdx | 10 …nd users and leave the remaining percentage of users on the current branch. This is useful when te…
14 …cli@latest` or ensure you have `eas-cli` version `4.0.0` or above. Then, run the following command:
18 …the terminal, an interactive guide will assist you in selecting a channel, choosing a branch for t…
22 Two methods are available to end a rollout when you choose the `End` option in the interactive guid…
24 …be used once you are confident with the update served from the new branch. This will publish the u…
25 - **Revert:** Choose to disregard the updates on the new branch and return users to the old branch.
30 - To see the state of the rollout, use the `eas channel:rollout` command. Website support is coming…
32 … used when a rollout is in progress since it cannot know which branch to associate the update with.
|
| /expo/packages/expo-apple-authentication/ |
| H A D | README.md | 7 - [Documentation for the main branch](https://github.com/expo/expo/blob/main/docs/pages/versions/un…
8 - [Documentation for the latest stable release](https://docs.expo.dev/versions/latest/sdk/apple-aut…
12 …naged-vs-bare/) Expo projects, please follow the installation instructions in the [API documentati…
18 ### Add the package to your npm dependencies
26 Run `npx pod-install` after installing the npm package.
30 1. Enable the "Sign In with Apple" capability in your app. For bare projects, enable the capability…
31 2. Log into the Apple Developer Console, go to "Certificates, Identifiers, & Profiles" and then "Id…
32 …the Apple Sign In configuration. This is the app whose icon will show up in the Apple Sign In syst…
33 …the list of identifiers, click on the one corresponding to your primary app. Enable the "Sign In w…
34 …the primary, you'll also need to open up the configuration page for your current app, enable the "…
[all …]
|
| /expo/ |
| H A D | THIRD-PARTY-LICENSES | 14 the Software without restriction, including without limitation the rights to
51 the copyright owner that is granting the License.
53 "Legal Entity" shall mean the union of the acting entity and all
56 "control" means (i) the power, direct or indirect, to cause the
140 attribution notices from the Source form of the Work,
150 as part of the Derivative Works; within the Source form or
179 origin of the Work and reproducing the content of the NOTICE file.
229 Licensed under the Apache License, Version 2.0 (the "License");
262 the copyright owner that is granting the License.
351 attribution notices from the Source form of the Work,
[all …]
|
| /expo/packages/expo-structured-headers/android/ |
| H A D | LICENSE | 13 the copyright owner that is granting the License.
15 "Legal Entity" shall mean the union of the acting entity and all
18 "control" means (i) the power, direct or indirect, to cause the
41 form, that is based on (or derived from) the Work and for which the
49 the original version of the Work and any modifications or additions
58 Licensor for the purpose of discussing and improving the Work, but
102 attribution notices from the Source form of the Work,
112 as part of the Derivative Works; within the Source form or
141 origin of the Work and reproducing the content of the NOTICE file.
180 To apply the Apache License to your work, attach the following
[all …]
|
| /expo/packages/expo-updates/guides/ |
| H A D | examples.md | 7 ## Launching the app
20 …the timer has already run out and so the update selected in step (6) has already been launched. Ra…
21 …the `Reaper` process in the background. This will clear old updates and assets out of the database…
25 …the flow above but with some added detail in the middle steps. These illustrate why we must check …
59 …loaded by calling into the subclass method (which will either download the manifest from URL, or r…
61 …the assets in the manifest. For each one, it checks to see if (a) it is already in the database an…
64 …the assets that comprise the update are now on disk and in SQLite, `RemoteLoader` marks the update…
71 …ough each asset that comprises the update (including the launch asset) and checks to see if there …
72 …the asset. First, it reads the embedded manifest to see if it contains the missing asset. If so, i…
86 …the assets the app should need, and so it should be safe to launch. But to be safe, we mark these …
[all …]
|
| /expo/docs/pages/guides/ |
| H A D | configuring-js-engines.mdx | 9 …the JavaScript engine (in SDK 47 and lower, the default was [JavaScriptCore](https://developer.app…
11 ## Configuring the `jsEngine` through app config
13 …the best debugging experience. If you are familiar with the tradeoffs of different JavaScript engi…
15 If you want to use JSC instead, set the `jsEngine` field in the app config:
25 <Collapsible summary="Are you using the bare workflow?">
27 To change the JavaScript engine in a bare React Native project, update the `expo.jsEngine` value in…
33 ## Using the V8 engine
39 Make sure to remove the `jsEngine` field from the app config.
41 <Collapsible summary="Are you using the bare workflow?">
43 You can run `npx expo prebuild -p android --clean` after the installation to prebuild again.
[all …]
|
| /expo/packages/expo-updates/e2e/ |
| H A D | README.md | 3 To run the updates e2e tests locally, do the following:
5 - Create a script to set up the environment and remove any previous build, as in the example below.
18 # Remove and recreate the working directory before executing the setup
23 - From the Expo repo root directory, execute
61 Edit `app.json` and remove the `extra` section with the EAS project ID, then execute
68 - Testing the EAS build locally:
71 - Make the change below in `eas.json`:
128 # Remove and recreate the working directory before executing the setup
139 - Change to the test project directory
148 - Build and run the project locally
[all …]
|