React Native File选择器

Den*_*nko 6 file react-native

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

小智 5

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

  1. 从 github 安装包

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

  2. 然后链接它:

    rnpm链接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
            });
        }
    });
    
    Run Code Online (Sandbox Code Playgroud)