2016-04-09 17 views
6

İşte sorun: Yüksek ve alçak arama yaptım ve canım için React Native'de dosya seçici iletişimini nasıl göstereceğimi göremiyorum. En yakın şey bir görüntü seçici (3. parti bileşen), ancak Android'in dosya sisteminden rasgele dosyaları seçmeme izin vermeyen özel bir arayüz. Birisi bilir, nasıl dosya seçebilirim?React Native File seçici

cevap

2

Ben react-native-file-picker

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

  2. yüklemek github

    yükleme paketi bu paketi kullanıyorum sonra bağlamak:

    rnpm bağlantı react- yerel dosya seçici

  3. ithalat

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

  4. sonra şöyle kullanabilirsiniz:

    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

Güncelleme: bu paket yerli 0.24 tepki ve artık mantained sadece birlikte çalışacaktır. Bu çatalı kullanın: https://github.com/luisfuertes/react-native-file-picker – ianaz

+0

Paket şu anda https://github.com/react-community/react-native-image-picker adresinde –