React Native File选择器

时间:2016-04-09 19:39:34

标签: file react-native

这是麻烦:我已经搜索了高低,我不能在我的生活中找到如何在React Native中显示文件选择器对话框。最接近的是图像选择器(第三方组件),但它是一个专门的界面,不允许我从Android的文件系统中选择任意文件。 有人知道,我怎么选择文件?

1 个答案:

答案 0 :(得分:4)

我正在使用这个包react-native-file-picker

  1. 从github安装包

    npm install https://github.com/Lichwa/react-native-file-picker --save

  2. 然后链接它:

    rnpm link react-native-file-picker

  3. 导入包

    var FilePickerManager = require('NativeModules')。FilePickerManager;

  4. 然后像这样使用它:

    const options = {
        title: 'File Picker',
        chooseFileButtonTitle: 'Choose File...'
    };
    
    FilePickerManager.showFilePicker(options, (response) => {
        console.log('Response = ', response);
    
        if (response.didCancel) {
            console.log('User cancelled photo picker');
        }
        else if (response.error) {
            console.log('ImagePickerManager Error: ', response.error);
        }
        else if (response.customButton) {
            console.log('User tapped custom button: ', response.customButton);
        }
        else {
            this.setState({
                file: response
            });
        }
    });