reactnative.dev

# React Native Documentation

> React Native is a framework for building native apps using React. It lets you create mobile apps using only JavaScript and React.

This documentation covers all aspects of using React Native, from installation to advanced usage.


## Docs

### The Basics

- [Get Started with React Native](https://reactnative.dev/docs/getting-started)
- [Core Components and Native Components](https://reactnative.dev/docs/intro-react-native-components)
- [React Fundamentals](https://reactnative.dev/docs/intro-react)
- [Handling Text Input](https://reactnative.dev/docs/handling-text-input)
- [Using a ScrollView](https://reactnative.dev/docs/using-a-scrollview)
- [Using List Views](https://reactnative.dev/docs/using-a-listview)
- [Troubleshooting](https://reactnative.dev/docs/troubleshooting)
- [Platform-Specific Code](https://reactnative.dev/docs/platform-specific-code)
- [More Resources](https://reactnative.dev/docs/more-resources)

### Environment setup

- [Get Started with React Native](https://reactnative.dev/docs/environment-setup)
- [Set Up Your Environment](https://reactnative.dev/docs/set-up-your-environment)
- [Integration with Existing Apps](https://reactnative.dev/docs/integration-with-existing-apps)
- [Integration with an Android Fragment](https://reactnative.dev/docs/integration-with-android-fragment)
- [Building For TV Devices](https://reactnative.dev/docs/building-for-tv)
- [Out-of-Tree Platforms](https://reactnative.dev/docs/out-of-tree-platforms)

### Workflow

- [Running On Device](https://reactnative.dev/docs/running-on-device)
- [Fast Refresh](https://reactnative.dev/docs/fast-refresh)
- [Metro](https://reactnative.dev/docs/metro)
- [Using Libraries](https://reactnative.dev/docs/libraries)
- [Using TypeScript](https://reactnative.dev/docs/typescript)
- [Strict TypeScript API (opt in)](https://reactnative.dev/docs/strict-typescript-api)
- [Upgrading to new versions](https://reactnative.dev/docs/upgrading)

### UI & Interaction

- [Style](https://reactnative.dev/docs/style)
- [Height and Width](https://reactnative.dev/docs/height-and-width)
- [Layout with Flexbox](https://reactnative.dev/docs/flexbox)
- [Images](https://reactnative.dev/docs/images)
- [Color Reference](https://reactnative.dev/docs/colors)

#### Interaction

- [Handling Touches](https://reactnative.dev/docs/handling-touches)
- [Navigating Between Screens](https://reactnative.dev/docs/navigation)
- [Animations](https://reactnative.dev/docs/animations)
- [Gesture Responder System](https://reactnative.dev/docs/gesture-responder-system)

#### Connectivity

- [Networking](https://reactnative.dev/docs/network)
- [Security](https://reactnative.dev/docs/security)

#### Inclusion

- [Accessibility](https://reactnative.dev/docs/accessibility)

### Releases

- [Releases Overview](https://reactnative.dev/docs/releases/releases)
- [Release Levels](https://reactnative.dev/docs/releases/release-levels)
- [Versioning Policy](https://reactnative.dev/docs/releases/versioning-policy)

### Debugging

- [Debugging Basics](https://reactnative.dev/docs/debugging)
- [React Native DevTools](https://reactnative.dev/docs/react-native-devtools)
- [Debugging Native Code](https://reactnative.dev/docs/debugging-native-code)
- [Debugging Release Builds](https://reactnative.dev/docs/debugging-release-builds)
- [Other Debugging Methods](https://reactnative.dev/docs/other-debugging-methods)

### Testing

- [Testing](https://reactnative.dev/docs/testing-overview)

### Performance

- [Performance Overview](https://reactnative.dev/docs/performance)
- [Speeding up your Build phase](https://reactnative.dev/docs/build-speed)
- [Optimizing FlatList Configuration](https://reactnative.dev/docs/optimizing-flatlist-configuration)
- [Optimizing JavaScript loading](https://reactnative.dev/docs/optimizing-javascript-loading)
- [Profiling](https://reactnative.dev/docs/profiling)

### JavaScript Runtime

- [JavaScript Environment](https://reactnative.dev/docs/javascript-environment)
- [Timers](https://reactnative.dev/docs/timers)
- [Using Hermes](https://reactnative.dev/docs/hermes)

### Codegen

- [what-is-codegen](https://reactnative.dev/docs/the-new-architecture/what-is-codegen)
- [using-codegen](https://reactnative.dev/docs/the-new-architecture/using-codegen)
- [codegen-cli](https://reactnative.dev/docs/the-new-architecture/codegen-cli)

### Native Development

- [Native Platform](https://reactnative.dev/docs/native-platform)

#### Modules

- ['Native Modules: Introduction'](https://reactnative.dev/docs/turbo-native-modules-introduction)
- [pure-cxx-modules](https://reactnative.dev/docs/the-new-architecture/pure-cxx-modules)
- [advanced-topics-modules](https://reactnative.dev/docs/the-new-architecture/advanced-topics-modules)

#### Components

- [Fabric Native Components Introduction](https://reactnative.dev/docs/fabric-native-components-introduction)
- [advanced-topics-components](https://reactnative.dev/docs/the-new-architecture/advanced-topics-components)

#### Miscellaneous

- [appendix](https://reactnative.dev/docs/appendix)
- [create-module-library](https://reactnative.dev/docs/the-new-architecture/create-module-library)

### Android and iOS guides

#### Android

- [Headless JS](https://reactnative.dev/docs/headless-js-android)
- [Publishing to Google Play Store](https://reactnative.dev/docs/signed-apk-android)
- [Communication between native and React Native](https://reactnative.dev/docs/communication-android)
- [React Native Gradle Plugin](https://reactnative.dev/docs/react-native-gradle-plugin)

#### iOS

- [Linking Libraries](https://reactnative.dev/docs/linking-libraries-ios)
- [Running On Simulator](https://reactnative.dev/docs/running-on-simulator-ios)
- [Communication between native and React Native](https://reactnative.dev/docs/communication-ios)
- [App Extensions](https://reactnative.dev/docs/app-extensions)
- [Publishing to Apple App Store](https://reactnative.dev/docs/publishing-to-app-store)

### Legacy Architecture

#### Native Modules

- [Native Modules Intro](https://reactnative.dev/docs/legacy/native-modules-intro)
- [Android Native Modules](https://reactnative.dev/docs/legacy/native-modules-android)
- [iOS Native Modules](https://reactnative.dev/docs/legacy/native-modules-ios)
- [Native Modules NPM Package Setup](https://reactnative.dev/docs/legacy/native-modules-setup)
- [Local libraries setup](https://reactnative.dev/docs/legacy/local-library-setup)

#### Native Components

- [Android Native UI Components](https://reactnative.dev/docs/legacy/native-components-android)
- [iOS Native UI Components](https://reactnative.dev/docs/legacy/native-components-ios)
- [Direct Manipulation](https://reactnative.dev/docs/legacy/direct-manipulation)

## Api

### APIs

- [AccessibilityInfo](https://reactnative.dev/docs/accessibilityinfo)
- [Alert](https://reactnative.dev/docs/alert)
- [Animated](https://reactnative.dev/docs/animated)
- [Animated.Value](https://reactnative.dev/docs/animatedvalue)
- [Animated.ValueXY](https://reactnative.dev/docs/animatedvaluexy)
- [Appearance](https://reactnative.dev/docs/appearance)
- [AppRegistry](https://reactnative.dev/docs/appregistry)
- [AppState](https://reactnative.dev/docs/appstate)
- [DevSettings](https://reactnative.dev/docs/devsettings)
- [Dimensions](https://reactnative.dev/docs/dimensions)
- [Easing](https://reactnative.dev/docs/easing)
- [I18nManager](https://reactnative.dev/docs/i18nmanager)
- [🗑️ InteractionManager](https://reactnative.dev/docs/interactionmanager)
- [Keyboard](https://reactnative.dev/docs/keyboard)
- [LayoutAnimation](https://reactnative.dev/docs/layoutanimation)
- [Linking](https://reactnative.dev/docs/linking)
- [PanResponder](https://reactnative.dev/docs/panresponder)
- [PixelRatio](https://reactnative.dev/docs/pixelratio)
- [Platform](https://reactnative.dev/docs/platform)
- [PlatformColor](https://reactnative.dev/docs/platformcolor)
- [RootTag](https://reactnative.dev/docs/roottag)
- [Share](https://reactnative.dev/docs/share)
- [StyleSheet](https://reactnative.dev/docs/stylesheet)
- [Systrace](https://reactnative.dev/docs/systrace)
- [Transforms](https://reactnative.dev/docs/transforms)
- [Vibration](https://reactnative.dev/docs/vibration)

#### Globals

- [✨ __DEV__](https://reactnative.dev/docs/global-__DEV__)
- [AbortController](https://reactnative.dev/docs/global-AbortController)
- [AbortSignal](https://reactnative.dev/docs/global-AbortSignal)
- [alert](https://reactnative.dev/docs/global-alert)
- [Blob](https://reactnative.dev/docs/global-Blob)
- [cancelAnimationFrame](https://reactnative.dev/docs/global-cancelAnimationFrame)
- [cancelIdleCallback](https://reactnative.dev/docs/global-cancelIdleCallback)
- [clearInterval](https://reactnative.dev/docs/global-clearInterval)
- [clearTimeout](https://reactnative.dev/docs/global-clearTimeout)
- [console](https://reactnative.dev/docs/global-console)
- [EventCounts 🧪](https://reactnative.dev/docs/global-EventCounts)
- [fetch](https://reactnative.dev/docs/global-fetch)
- [File](https://reactnative.dev/docs/global-File)
- [FileReader](https://reactnative.dev/docs/global-FileReader)
- [FormData](https://reactnative.dev/docs/global-FormData)
- [global](https://reactnative.dev/docs/global-global)
- [Headers](https://reactnative.dev/docs/global-Headers)
- [navigator](https://reactnative.dev/docs/global-navigator)
- [performance 🧪](https://reactnative.dev/docs/global-performance)
- [PerformanceEntry 🧪](https://reactnative.dev/docs/global-PerformanceEntry)
- [PerformanceEventTiming 🧪](https://reactnative.dev/docs/global-PerformanceEventTiming)
- [PerformanceLongTaskTiming 🧪](https://reactnative.dev/docs/global-PerformanceLongTaskTiming)
- [PerformanceMark 🧪](https://reactnative.dev/docs/global-PerformanceMark)
- [PerformanceMeasure 🧪](https://reactnative.dev/docs/global-PerformanceMeasure)
- [PerformanceObserver 🧪](https://reactnative.dev/docs/global-PerformanceObserver)
- [PerformanceObserverEntryList 🧪](https://reactnative.dev/docs/global-PerformanceObserverEntryList)
- [process](https://reactnative.dev/docs/global-process)
- [queueMicrotask](https://reactnative.dev/docs/global-queueMicrotask)
- [Request](https://reactnative.dev/docs/global-Request)
- [requestAnimationFrame](https://reactnative.dev/docs/global-requestAnimationFrame)
- [requestIdleCallback](https://reactnative.dev/docs/global-requestIdleCallback)
- [Response](https://reactnative.dev/docs/global-Response)
- [setInterval](https://reactnative.dev/docs/global-setInterval)
- [setTimeout](https://reactnative.dev/docs/global-setTimeout)
- [URL](https://reactnative.dev/docs/global-URL)
- [URLSearchParams](https://reactnative.dev/docs/global-URLSearchParams)
- [WebSocket](https://reactnative.dev/docs/global-WebSocket)
- [window](https://reactnative.dev/docs/global-window)
- [XMLHttpRequest](https://reactnative.dev/docs/global-XMLHttpRequest)

#### Hooks

- [useColorScheme](https://reactnative.dev/docs/usecolorscheme)
- [useWindowDimensions](https://reactnative.dev/docs/usewindowdimensions)

#### Android APIs

- [BackHandler](https://reactnative.dev/docs/backhandler)
- [PermissionsAndroid](https://reactnative.dev/docs/permissionsandroid)
- [ToastAndroid](https://reactnative.dev/docs/toastandroid)

#### iOS APIs

- [ActionSheetIOS](https://reactnative.dev/docs/actionsheetios)
- [DynamicColorIOS](https://reactnative.dev/docs/dynamiccolorios)
- [Settings](https://reactnative.dev/docs/settings)

## Components

### Core Components

- [Core Components and APIs](https://reactnative.dev/docs/components-and-apis)
- [ActivityIndicator](https://reactnative.dev/docs/activityindicator)
- [Button](https://reactnative.dev/docs/button)
- [FlatList](https://reactnative.dev/docs/flatlist)
- [Image](https://reactnative.dev/docs/image)
- [ImageBackground](https://reactnative.dev/docs/imagebackground)
- [KeyboardAvoidingView](https://reactnative.dev/docs/keyboardavoidingview)
- [Modal](https://reactnative.dev/docs/modal)
- [Pressable](https://reactnative.dev/docs/pressable)
- [RefreshControl](https://reactnative.dev/docs/refreshcontrol)
- [ScrollView](https://reactnative.dev/docs/scrollview)
- [SectionList](https://reactnative.dev/docs/sectionlist)
- [StatusBar](https://reactnative.dev/docs/statusbar)
- [Switch](https://reactnative.dev/docs/switch)
- [Text](https://reactnative.dev/docs/text)
- [TextInput](https://reactnative.dev/docs/textinput)
- [TouchableHighlight](https://reactnative.dev/docs/touchablehighlight)
- [TouchableOpacity](https://reactnative.dev/docs/touchableopacity)
- [TouchableWithoutFeedback](https://reactnative.dev/docs/touchablewithoutfeedback)
- [View](https://reactnative.dev/docs/view)
- [VirtualizedList](https://reactnative.dev/docs/virtualizedlist)

#### Android Components

- [DrawerLayoutAndroid](https://reactnative.dev/docs/drawerlayoutandroid)
- [TouchableNativeFeedback](https://reactnative.dev/docs/touchablenativefeedback)

#### iOS Components

- [InputAccessoryView](https://reactnative.dev/docs/inputaccessoryview)
- ['🗑️ SafeAreaView'](https://reactnative.dev/docs/safeareaview)

### Refs

- [Nodes from refs](https://reactnative.dev/docs/nodes)
- [Element nodes](https://reactnative.dev/docs/element-nodes)
- [Text nodes](https://reactnative.dev/docs/text-nodes)
- [Document nodes](https://reactnative.dev/docs/document-nodes)

### Props

- [Image Style Props](https://reactnative.dev/docs/image-style-props)
- [Layout Props](https://reactnative.dev/docs/layout-props)
- [Shadow Props](https://reactnative.dev/docs/shadow-props)
- [Text Style Props](https://reactnative.dev/docs/text-style-props)
- [View Style Props](https://reactnative.dev/docs/view-style-props)

### Object Types

- [BoxShadowValue Object Type](https://reactnative.dev/docs/boxshadowvalue)
- [DropShadowValue Object Type](https://reactnative.dev/docs/dropshadowvalue)
- [LayoutEvent Object Type](https://reactnative.dev/docs/layoutevent)
- [PressEvent Object Type](https://reactnative.dev/docs/pressevent)
- [React Node Object Type](https://reactnative.dev/docs/react-node)
- [Rect Object Type](https://reactnative.dev/docs/rect)
- [TargetEvent Object Type](https://reactnative.dev/docs/targetevent)
- [ViewToken Object Type](https://reactnative.dev/docs/viewtoken)


## Community

### General

- [Overview](https://reactnative.dev/community/overview)
- [Staying up to date](https://reactnative.dev/community/staying-updated)
- [Communities](https://reactnative.dev/community/communities)
- [Where to get help](https://reactnative.dev/community/support)


## Architecture

### General

- [Architecture Overview](https://reactnative.dev/architecture/overview)
- [About the New Architecture](https://reactnative.dev/architecture/landing-page)
- [Glossary](https://reactnative.dev/architecture/glossary)

#### Rendering

- [Fabric](https://reactnative.dev/architecture/fabric-renderer)
- [Render, Commit, and Mount](https://reactnative.dev/architecture/render-pipeline)
- [Cross Platform Implementation](https://reactnative.dev/architecture/xplat-implementation)
- [View Flattening](https://reactnative.dev/architecture/view-flattening)
- [Threading Model](https://reactnative.dev/architecture/threading-model)

#### Build Tools

- [Bundled Hermes](https://reactnative.dev/architecture/bundled-hermes)


## Contributing

### General

- [Contributing Overview](https://reactnative.dev/contributing/overview)
- [How to Report a Bug](https://reactnative.dev/contributing/how-to-report-a-bug)
- [How to Contribute Code](https://reactnative.dev/contributing/how-to-contribute-code)
- [How to Build from Source](https://reactnative.dev/contributing/how-to-build-from-source)
- [How to Run and Write Tests](https://reactnative.dev/contributing/how-to-run-and-write-tests)
- [How to Open a Pull Request](https://reactnative.dev/contributing/how-to-open-a-pull-request)
- [Changelogs in Pull Requests](https://reactnative.dev/contributing/changelogs-in-pull-requests)
- [Contribution License Agreement](https://reactnative.dev/contributing/contribution-license-agreement)

#### Managing repository

- [Triaging GitHub Issues](https://reactnative.dev/contributing/triaging-github-issues)
- [Labeling GitHub Issues](https://reactnative.dev/contributing/labeling-github-issues)
- [Managing Pull Requests](https://reactnative.dev/contributing/managing-pull-requests)
- [Bots Reference](https://reactnative.dev/contributing/bots-reference)