Back to React Native

Set Up Your Environment

website/versioned_docs/version-0.84/set-up-your-environment.md

latest3.1 KB
Original Source

import Tabs from '@theme/Tabs'; import TabItem from '@theme/TabItem'; import constants from '@site/core/TabsConstants';

import GuideLinuxAndroid from './_getting-started-linux-android.md'; import GuideMacOSAndroid from './_getting-started-macos-android.md'; import GuideWindowsAndroid from './_getting-started-windows-android.md'; import GuideMacOSIOS from './_getting-started-macos-ios.md';

In this guide, you'll learn how to set up your environment, so that you can run your project with Android Studio and Xcode. This will allow you to develop with Android emulators and iOS simulators, build your app locally, and more.

:::info This guide requires Android Studio or Xcode. If you already have one of these programs installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

<details> <summary>Is setting up my environment required?</summary>

Setting up your environment is not required if you're using a Framework. With a React Native Framework, you don't need to set up Android Studio or Xcode as it will take care of building the native app for you

If you have constraints that prevent you from using a Framework, or you'd like to write your own Framework, then setting up your local environment is a requirement. After your environment is set up, learn how to get started without a framework.

</details> :::

Development OS

<Tabs groupId="os" queryString defaultValue={constants.defaultOs} values={constants.oses} className="pill-tabs"> <TabItem value="macos">

Target OS

<Tabs groupId="platform" queryString defaultValue={constants.defaultPlatform} values={constants.platforms} className="pill-tabs"> <TabItem value="android"> <GuideMacOSAndroid/> </TabItem> <TabItem value="ios"> <GuideMacOSIOS/> </TabItem> </Tabs> </TabItem> <TabItem value="windows">

Target OS

<Tabs groupId="platform" queryString defaultValue={constants.defaultPlatform} values={constants.platforms} className="pill-tabs"> <TabItem value="android"> <GuideWindowsAndroid/> </TabItem> <TabItem value="ios">

Unsupported

:::info A Mac is required to build projects with native code for iOS. You can use Expo Go from Expo to develop your app on your iOS device. :::

</TabItem> </Tabs> </TabItem> <TabItem value="linux">

Target OS

<Tabs groupId="platform" queryString defaultValue={constants.defaultPlatform} values={constants.platforms} className="pill-tabs"> <TabItem value="android"> <GuideLinuxAndroid/> </TabItem> <TabItem value="ios">

Unsupported

:::info A Mac is required to build projects with native code for iOS. You can use Expo Go from Expo to develop your app on your iOS device. :::

</TabItem> </Tabs> </TabItem> </Tabs>