2016-04-09 9 views
6

Oto kłopot: przeszukałem wysokie i niskie wartości i nie mogę dla mojego życia dowiedzieć się, jak wyświetlić okno wyboru pliku w React Native. Najbliższą rzeczą jest selektor obrazu (komponent zewnętrzny), ale jest to wyspecjalizowany interfejs, który nie pozwala mi wybrać dowolnych plików z systemu plików Androida. Ktoś wie, jak mogę wybrać plik?React Native File Chooser

Odpowiedz

2

Używam tego pakietu react-native-file-picker

  1. zainstalować pakiet z github

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

  2. następnie połączyć go:

    rnpm Link react- native-file-picker

  3. zaimportować pakiet

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

  4. następnie używać go tak:

    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 
         }); 
        } 
    }); 
    
+1

Update: że pakiet będzie działać tylko z natywną 0,24 reagować i nie jest utrzymane anymore. Użyj tego widelca: https://github.com/luisfuertes/react-native-file-picker – ianaz

+0

Pakiet jest teraz na https://github.com/react-community/react-native-image-picker –