Docs
- Getting Started
- Uppy
- Companion
- List of Plugins
- Common Plugin Options
- Custom Stores
- Community Projects
- Locale Packs
- Migration guides
UI Elements
Sources
- Drag & Drop
- Drop Target
- File Input
- Audio
- Webcam
- Screen capture
- Provider Plugins
- ⓒ Box
- ⓒ Dropbox
- ⓒ Google Drive
- ⓒ OneDrive
- ⓒ Zoom
- ⓒ Unsplash
- ⓒ Import From URL
Destinations
Miscellaneous
React
- Introduction
- <StatusBar />
- <DragDrop />
- <FileInput />
- <ProgressBar />
- <Dashboard />
- <DashboardModal />
- React Native
Other Integrations
Contributing
React Native
⚠️ In Beta
@uppy/react-native
is a basic Uppy component for React Native with Expo. This plugin is still in development, and is not fully featured. You can select local images or videos, take pictures with a camera or add any files from remote urls with the help of a server-side component, Uppy Companion.
Make sure to check out the example in examples/react-native-expo.

Installation
Install from NPM:
npm install @uppy/react-native |
import React from 'react' import UppyFilePicker from '@uppy/react-native' export default function MyComponent (props) { return ( <UppyFilePicker uppy={props.uppy} show={props.isFilePickerVisible} onRequestClose={props.hideFilePicker} companionUrl="https://server.uppy.io" /> ) } |
Props
The <UppyFilePicker>
component supports the following props:
uppy
The uppy instance. Initialize in constructor, add all the nessesary plugins, set up event listeners, before passing as a prop.
show
Boolean — the <UppyFilePicker>
modal component will be rendered when set to true
.
onRequestClose
A callback that’s called when a file is picked or a “close” button is pressed. Use it to hide <UppyFilePicker>
, like in the example above.
companionUrl
Uppy Companion url.