选择和上传图像阵列

Question

如何一个图像显示一个图像并上传到React Native

中的数据库

每个图像都应附加到数组并显示

Answer 1

将每个图像数据推到数组

this.state.imageholder.push(response.data);

显示并删除

  viewImages() {
return this.state.imageholder.map((image, key) => {
  return (
    <View style={{ flex: 2, flexDirection: "row", justifyContent: 'space-around' }}>
      <View style={styles.ImageContainer}>
        <Image style={styles.ImageContainer} source={image} />
        <Text onPress={() => this.removeImage(image)} style={styles.removeContainer} >Remove</Text>
      </View>
      <View>
        <Text style={styles.space} ></Text>
      </View>
    </View>

  )
})

}

  removeImage(key) {
this.setState({
  imageholder: this.state.imageholder.filter(function (img) {
    return img !== key
  })
});

}

在渲染中

              <ScrollView horizontal={true} showsHorizontalScrollIndicator={false}>
            {this.viewImages()}
          </ScrollView>