A React Native module that allows you to use native UI to select file from the device library on Android
npm install react-native-file-pickerThanks to @Lichwa for creating this component
npm install react-native-file-picker@latest --save``gradle
// file: android/settings.gradle
...
include ':react-native-file-picker'
project(':react-native-file-picker').projectDir = new File(settingsDir, '../node_modules/react-native-file-picker/android')
``gradle
// file: android/app/build.gradle
...
dependencies {
...
compile project(':react-native-file-picker')
}
``xml
...
``java
// file: MainApplication.java
...
import com.filepicker.FilePickerPackage; // import package
public class MainApplication extends Application implements ReactApplication {
/**
* A list of packages used by the app. If the app uses additional views
* or modules besides the default ones, add more packages here.
*/
@Override
protected List
return Arrays.
new MainReactPackage(),
new FilePickerPackage() // Add package
);
}
...
}
`Usage
1. In your React Native javascript code, bring in the native module:
`javascript`
import FilePickerManager from 'react-native-file-picker';
2. Use it like so:
When you want to display the picker:
`javascript
FilePickerManager.showFilePicker(null, (response) => {
console.log('Response = ', response);
if (response.didCancel) {
console.log('User cancelled file picker');
}
else if (response.error) {
console.log('FilePickerManager Error: ', response.error);
}
else {
this.setState({
file: response
});
}
});
``