如何在视图中设置状态和显示图库中的多个选定图像

Question

我是反应原生的新手。我使用npm react-native-image-crop-picker来访问画廊和相机。我一次只能访问图库或相机。如何同时访问它们以及如何在一个视图中显示多个选定的图像？ 任何帮助将不胜感激。 谢谢，提前。我的示例代码，

galleryAccessFunc() {
ImagePicker.openPicker({
multiple: true
}).then(image => {
console.log(image)
this.setState({ImageSource:image.path})
});debugger
}

当我尝试显示所选图像时，它会返回一个空视图，

<TouchableOpacity onPress={this.galleryAccessFunc.bind(this)} >
<View style={styles.ImageContainer}>
{ this.state.ImageSource === null ? <Text>Select a Photo</Text> :
<Image style={styles.ImageContainer} source={ this.state.ImageSource} />
}
</View>
</TouchableOpacity>

如何同时访问图库和相机？

Answer 1

pickMultiple() {
ImagePicker.openPicker({
multiple: true,
waitAnimationEnd: false
}).then(images => {
this.setState({
image: null,
images: images.map(i => {
console.log('received image', i);
return {uri: i.path, width: i.width, height: i.height, mime: i.mime};
})
});
}).catch(e => alert(e));
}

并像这样查看

<ScrollView horizontal >
this.state.images.map((i,key) => <View key={i.uri}>{this.renderAsset(i,key)} 
</View>) : 
</ScrollView>

如果你想从画廊和相机中挑选， 然后创建一个按钮并显示一个选项，例如来自图库或相机的选项，并调用不同的函数来拍摄图像