Skip to content


Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?

Latest commit


Git stats


Failed to load latest commit information.
Latest commit message
Commit time


What is this?

For more details check out for an explanation.

Only Works On Device

This will only work on Device. This will open up a window prompting you to install the Dropbox app on the Simulator.


npm install react-native-dropbox-chooser --save

Sign up

You'll need to sign up and get an app key from Dropbox.

First go here

  • Select "Dropbox API"
  • Select what you need access to
  • Name your app
  • Agree to TOS
  • Submit

You'll see a section where it says "App key" and a series of numbers/letters. We'll need this in a second.


First off add it to your project. How to link native modules can be found here.

This will use LinkingIOS so we'll need to add this code to your AppDelegate.m

At the top of the file you will need to add #import "RCTLinkingManager.h"

Should look like

#import "AppDelegate.h"

#import "RCTRootView.h"
#import "RCTLinkingManager.h"

Then before the @end you need to add this code.

- (BOOL)application:(UIApplication *)application openURL:(NSURL *)url sourceApplication:(NSString *)sourceApplication annotation:(id)annotation {
  return [RCTLinkingManager application:application openURL:url sourceApplication:sourceApplication annotation:annotation];

Explanation can be found here

This will now start complaining that RCTLinkingManager doesn't exist.

We'll need to add header search paths for the Libraries. Go to Build Settings, find Header Search Paths, and add $(SRCROOT)/../node_modules/react-native/Libraries. Set it to recursive.

Because we are using the chooser we'll need to add the below configuration to the Info.plist What this will allow us to do is throw over the the Dropbox app and have it send us the links back.


Now go to the Info tab.

At the bottom it will have a section called URL Types. Open it and press the +.

Add db-APPKEYHERE into the URL Schemes input box.

How to use

Require the module.

var DropboxClient = require('react-native-dropbox-chooser');
  componentDidMount() {
      appId: 'YOURAPPIDHERE',
      onFiles: this.handleFiles //Callback that receives file(s) when they are selected

  componentWillUnmount() {
    DropboxClient.remove(); //Don't forge to remove it


We should be good to go!


No description, website, or topics provided.






No packages published

Contributors 4