如何添加多个图像使用反应本机图像选择器

问题描述:

我建立了一个Appcication像简单的社交媒体。用户可以添加状态,位置,来自YouTube的视频和照片。但我有问题上传多个图像使用反应本机图像选择器。我读过的文件,但我没有任何想法解决这个问题如何添加多个图像使用反应本机图像选择器

这里是我的功能代码

onPhotoPress() { 
const options = { 
    quality: 1.0, 
    maxWidth: 50, 
    maxHeight: 50, 
    storageOptions: { 
    skipBackup: true, 
    }, 
}; 
ImagePicker.launchImageLibrary(options, openPicker(), (response) => { 
    console.log('Response = ', response); 

    if (response.didCancel) { 
    console.log('User cancelled photo picker'); 
    } 
    else if (response.error) { 
    console.log('ImagePicker Error: ', response.error); 
    } 
    else if (response.customButton) { 
    console.log('User tapped custom button: ', response.customButton); 
    } 
    else { 
    const source = { uri: `data:image/jpeg;base64,${response.data}` }; 

    this.setState({ 
     avatarSource: source, 
     name: response.fileName, 
     data: response.data, 
     type: response.type, 
     path: response.uri, 
    }); 
    } 
}); 
} 

用于浏览图片这是我的代码

  {this.state.avatarSource !== null ? 
      <Image 
      source={this.state.avatarSource} 
      style={{ 
       flex: 1, 
       resizeMode: 'contain', 
       marginVertical: 12, 
      }} 
      /> : <View /> } 

这是图片上传单个图像 enter image description here

所以你能帮助我,获得多个图像或给我建议另一个库,我应该用来解决我的问题

该库作为本机iOS图像选择器的基本桥梁而开始,我想保持这种状态。因此,这里不支持超出本地UIImagePickerController支持的功能。 多个图像选择,对作物工具的更多控制,以及景观支持是本机iOS功能中缺少的东西 - 与我的图书馆无关。如果你需要这些东西,react-native-image-crop-picker对你来说可能是更好的选择。

正如您在React Native Image Picker自述文件中看到的,您无法使用此模块进行多个图像选择。你最好试着用React Native Image Crop Picker来做到这一点。