EXPOLOG INLEARNSNACKSEXAMPLES & TUTORIALSSIGN UPFORUMS Expo is an open-source platform for making universal native apps for Android, iOS, and the web with JavaScript and React.

LOG IN — EXPO

Log in to your Expo account.

EAS FEATURE PREVIEW

Expo is an open-source platform for making universal native apps for Android, iOS, and the web with JavaScript and React. ROUTING & NAVIGATION Routing and navigation refers to the ability to organize your app into distinct screens, map screens to URLs, move between those screens, and display the appropriate platform-specific navigation-related user interface elements (eg: tabs, navigation bar, screen transition animations and gestures, drawers). BUTTON - EXPO DOCUMENTATION Expo is an open-source platform for making universal native apps for Android, iOS, and the web with JavaScript and React. STYLING A REACT NATIVE BUTTON React Native exports a component that exposes the native button element for Android, iOS, and the web. The component accepts title and onPress props but it does not accept a style prop, which makes it hard to customize the style. The closest we can get to styling a exported from React Native is with the color prop. Below is an example of two

buttons on Android

BARCODESCANNER

Expo is an open-source platform for making universal native apps for Android, iOS, and the web with JavaScript and React. CHECKBOX - EXPO DOCUMENTATION This is a controlled component that requires an onValueChange callback that updates the value prop in order for the component to reflect user actions. If the value prop is not updated, the component will continue to render the supplied value prop instead of the expected result of

any user actions.

DATETIMEPICKER

Expo is an open-source platform for making universal native apps for Android, iOS, and the web with JavaScript and React. CLEARING BUNDLER CACHES ON WINDOWS There are a number of different caches associated with your project that can prevent your project from running as intended. Clearing a cache sometimes can help you work around issues related to stale or corrupt data and is often useful when troubleshooting and debugging. EXPOLOG INLEARNSNACKSEXAMPLES & TUTORIALSSIGN UPFORUMS Expo is an open-source platform for making universal native apps for Android, iOS, and the web with JavaScript and React.

LOG IN — EXPO

Log in to your Expo account.

EAS FEATURE PREVIEW

Expo is an open-source platform for making universal native apps for Android, iOS, and the web with JavaScript and React. ROUTING & NAVIGATION Routing and navigation refers to the ability to organize your app into distinct screens, map screens to URLs, move between those screens, and display the appropriate platform-specific navigation-related user interface elements (eg: tabs, navigation bar, screen transition animations and gestures, drawers). BUTTON - EXPO DOCUMENTATION Expo is an open-source platform for making universal native apps for Android, iOS, and the web with JavaScript and React. STYLING A REACT NATIVE BUTTON React Native exports a component that exposes the native button element for Android, iOS, and the web. The component accepts title and onPress props but it does not accept a style prop, which makes it hard to customize the style. The closest we can get to styling a exported from React Native is with the color prop. Below is an example of two

buttons on Android

BARCODESCANNER

Expo is an open-source platform for making universal native apps for Android, iOS, and the web with JavaScript and React. CHECKBOX - EXPO DOCUMENTATION This is a controlled component that requires an onValueChange callback that updates the value prop in order for the component to reflect user actions. If the value prop is not updated, the component will continue to render the supplied value prop instead of the expected result of

any user actions.

DATETIMEPICKER

Expo is an open-source platform for making universal native apps for Android, iOS, and the web with JavaScript and React. CLEARING BUNDLER CACHES ON WINDOWS There are a number of different caches associated with your project that can prevent your project from running as intended. Clearing a cache sometimes can help you work around issues related to stale or corrupt data and is often useful when troubleshooting and debugging.

LOG IN — EXPO

Log in to your Expo account. BUTTON - EXPO DOCUMENTATION Expo is an open-source platform for making universal native apps for Android, iOS, and the web with JavaScript and React. STYLING A REACT NATIVE BUTTON React Native exports a component that exposes the native button element for Android, iOS, and the web. The component accepts title and onPress props but it does not accept a style prop, which makes it hard to customize the style. The closest we can get to styling a exported from React Native is with the color prop. Below is an example of two

buttons on Android

MEDIALIBRARY

first (number)-- The maximum number of items on a single page.Defaults to 20. after (string)-- Asset ID of the last item returned on the previous page.album (string | Album)-- Album or its ID to get assets from specific album.sortBy (array)-- An array of SortBy keys.By default, all keys are sorted in descending order, however you can also pass a pair where the second item is a

LOCALAUTHENTICATION

options (object)-- An object of options.promptMessage (string)-- A message that is shown alongside the TouchID or FaceID prompt.cancelLabel (string)-- Allows to customize the default Cancel label shown.fallbackLabel (string)-- Allows to customize the default Use Passcode label shown after several failed authentication attempts.Setting this option to an empty string disables this button

from

CAPTUREREF - EXPO DOCUMENTATION Expo is an open-source platform for making universal native apps for Android, iOS, and the web with JavaScript and React. SQLITE - EXPO DOCUMENTATION Expo is an open-source platform for making universal native apps for Android, iOS, and the web with JavaScript and React.

SECURESTORE

iOS: Values are stored using the keychain services as kSecClassGenericPassword. iOS has the additional option of being able to set the value's kSecAttrAccessible attribute, which controls when the value is available to be fetched.

BARCODESCANNER

Expo is an open-source platform for making universal native apps for Android, iOS, and the web with JavaScript and React.

DATETIMEPICKER

Expo is an open-source platform for making universal native apps for Android, iOS, and the web with JavaScript and React. EXPOLOG INLEARNSNACKSEXAMPLES & TUTORIALSSIGN UPFORUMS Expo is an open-source platform for making universal native apps for Android, iOS, and the web with JavaScript and React. BUTTON - EXPO DOCUMENTATION Button. A basic button component that should render nicely on any platform. Supports a minimal level of customization. If this button doesn't look right for your app, you can build your own button using TouchableOpacity or TouchableWithoutFeedback. For inspiration, look at

MEDIALIBRARY

MediaLibrary. expo-media-library provides access to the user's media library, allowing them to access their existing images and videos from your app, as well as save new ones. You can also subscribe to any updates made to the user's media library. If your Android app created an album using SDK In-app products. Then to test your purchases, you must publish your app to a closed or open testing track in Google

Play.

BARCODESCANNER

BarCodeScanner.BarCodePoint. Object of type BarCodePoint contains following keys: x (number) -- The x value. y (number) -- The y value. Those coordinates are represented in the coordinate space of the barcode source (e.g. when you are using the barcode scanner view, these values are adjusted to the dimensions of the view).

SAFEAREACONTEXT

SafeAreaContext. react-native-safe-area-context provides a flexible API for accessing device safe area inset information. This allows you to position your content appropriately around notches, status bars, home indicators, and other such device and operating system interface elements. It also provides a SafeAreaView component that you can use

DATETIMEPICKER

Expo is an open-source platform for making universal native apps for Android, iOS, and the web with JavaScript and React. SNACK - REACT NATIVE IN THE BROWSER Snack. Change code in the editor and watch it change on your phone! Save to get a shareable url. Local files and assets can be imported by dragging and dropping them into the editor. Updating. Expo. v38.0.0 v39.0.0 v40.0.0 v41.0.0. Preview. SNACK - REACT NATIVE IN THE BROWSER Write code in Expo's online editor and instantly use it on your phone. EXPOLOG INLEARNSNACKSEXAMPLES & TUTORIALSSIGN UPFORUMS Expo is an open-source platform for making universal native apps for Android, iOS, and the web with JavaScript and React. BUTTON - EXPO DOCUMENTATION Button. A basic button component that should render nicely on any platform. Supports a minimal level of customization. If this button doesn't look right for your app, you can build your own button using TouchableOpacity or TouchableWithoutFeedback. For inspiration, look at

MEDIALIBRARY

MediaLibrary. expo-media-library provides access to the user's media library, allowing them to access their existing images and videos from your app, as well as save new ones. You can also subscribe to any updates made to the user's media library. If your Android app created an album using SDK In-app products. Then to test your purchases, you must publish your app to a closed or open testing track in Google

Play.

BARCODESCANNER

BarCodeScanner.BarCodePoint. Object of type BarCodePoint contains following keys: x (number) -- The x value. y (number) -- The y value. Those coordinates are represented in the coordinate space of the barcode source (e.g. when you are using the barcode scanner view, these values are adjusted to the dimensions of the view).

SAFEAREACONTEXT

SafeAreaContext. react-native-safe-area-context provides a flexible API for accessing device safe area inset information. This allows you to position your content appropriately around notches, status bars, home indicators, and other such device and operating system interface elements. It also provides a SafeAreaView component that you can use

DATETIMEPICKER

Expo is an open-source platform for making universal native apps for Android, iOS, and the web with JavaScript and React. SNACK - REACT NATIVE IN THE BROWSER Snack. Change code in the editor and watch it change on your phone! Save to get a shareable url. Local files and assets can be imported by dragging and dropping them into the editor. Updating. Expo. v38.0.0 v39.0.0 v40.0.0 v41.0.0. Preview. SNACK - REACT NATIVE IN THE BROWSER Write code in Expo's online editor and instantly use it on your phone.

EXPO

Expo is an open-source platform for making universal native apps for Android, iOS, and the web with JavaScript and React.

INSTALLATION

Installation. There are two tools that you need to develop apps with Expo: a command line app called Expo CLI to initialize and serve your project and a mobile client app called Expo Go to open it on iOS and Android. Any web browser will work for opening the project on the web.

💡.

INAPPPURCHASES

Android. On Android, you must first create an entry for your app and upload a release APK in the Google Play Console. From there, you can configure your in-app purchases and their details under Store Presence > In-app products. Then to test your purchases, you must publish your app to a closed or open testing track in Google Play.

SAFEAREACONTEXT

SafeAreaContext. react-native-safe-area-context provides a flexible API for accessing device safe area inset information. This allows you to position your content appropriately around notches, status bars, home indicators, and other such device and operating system interface elements. It also provides a SafeAreaView component that you can use MAPVIEW - EXPO DOCUMENTATION Open your browser to the Google API Manager and create a project. Once it's created, go to the project and enable the Maps SDK for iOS. 2. Create an API key. Go to Google Cloud Credential manager and click Create Credentials, then API Key. In the modal, click Restrict SQLITE - EXPO DOCUMENTATION SQLite. expo-sqlite gives your app access to a database that can be queried through a WebSQL -like API. The database is persisted across restarts of your app. An example to do list app is available that uses this module for storage.

GOOGLESIGNIN

GoogleSignIn. expo-google-sign-in provides native Google authentication for standalone Expo apps or bare React Native apps. It cannot be used in Expo Go as the native GoogleSignIn library expects your REVERSED_CLIENT_ID in the info.plist at build-time. To use Google authentication in the Expo Go, check out expo-google-app-auth or

expo-app-auth.

DATETIMEPICKER

Expo is an open-source platform for making universal native apps for Android, iOS, and the web with JavaScript and React.

EXPO.IO

expo.io

SNACK - REACT NATIVE IN THE BROWSER Write code in Expo's online editor and instantly use it on your phone.

Published Projects

As you search, projects appear here.

Examples/Snacks

As you search, snacks appear here. Expo compatible libraries Libraries compatible with Expo appear

here.

Documentation

Search results from our documentation will

appear here.

Tools and resources

iOS Client

iOS client for viewing projects

Android Client

Android client for viewing projects

CLI

Command-line interface for building projects called expo-cli

Expo CLI on GitHub

GitHub repo for Expo CLI

Snack

React native in the browser

Forums

Get answers to your problems

Slack

Community for Expo developers Expo Client on GitHub GitHub repo for Expo Client Features Tools Get Started Log in

Create an account

THE FASTEST WAY TO BUILD AN APP With Expo tools, services, and React, you can build, deploy, and quickly iterate on native Android, iOS, and web apps from the same JavaScript codebase.

*

Access to device capabilities like camera, location, notifications, sensors, haptics, and much more , all with cross-platform

APIs.

*

Build service gives you app-store ready binaries and handles certificates, no need for you to touch Xcode or Android Studio.

*

Over-the-air updates let you update your app at any time without the hassle and delays of submitting to the store. Get started Read documentation Start your first project Read documentation TRY EXPO IN THE BROWSER Snack allows you to run code in the browser in a matter of seconds. No downloads required.

Open Snack

UPDATES FROM EXPO

Follow on Medium

EXPO SDK 35 IS NOW AVAILABLE Expo SDK 35 is based on React Native 0.59.8 and adds support for iOS 13's Dark Mode and Apple Authentication. DOCS: ALREADY USED REACT NATIVE? This guide is intended to give developers who have already used React Native a quick outline on some of the key concepts, resources, and differences they will encounter when using Expo. EXAMPLES & TUTORIALS Thanks to our talented and prolific developer community, we’ve been able to highlight a bunch of great examples and tutorials on our Expo blog. Here’s a running collection, in no particular order.

See more

NEED HELP?

Resources to get help with Expo

DOCUMENTATION

Dive in to learn all about Expo development

DEVELOPMENT TOOLS

Everything you need to start creating with Expo

FORUMS

Ask your question in our community forums

SLACK

Join the 2000+ members of our Slack community GET STARTED IN MINUTES

Learn how

*

Expo

* Terms of use

* Privacy policy

* Guidelines

* Consultants

*

Beginners

* Learn

* Get tools

* Feature list

* Try Expo Snack

*

Resources

* Documentation

* Forums

* Join Slack

* Request feature

*

Company

* About

* Jobs

* Blog

*

Social

*