Question

现在我遇到了一些问题，因为当我尝试自定义我的应用程序时，当用户选择或拍摄图像时，它会将状态保存为数组，但是当我尝试将其映射回视图时它不会显示任何内容。

这是我的一些代码：

state = {
    imageSource: []
};

这就是我设置状态的方式：

this.setState({
  imageSource: this.state.imageSource.concat(source) 
});

这是我的视图功能：

viewImages(){

      this.state.imageSource.map(function(image){
      console.log(image);
        return(
          <View style={[styles.image, styles.imageContainer, {marginBottom: 20}]}>
            <Image style={styles.image} source={image} />
          </View>
        )
      });

  }

这是我的渲染视图

<View style={styles.containerImage}>
          {this.viewImages()}
</View

最后这是我从上面的视图功能获得的控制台日志：

Object {uri: "file:///storage/emulated/0/Pictures/image-e23b89ed-83b9-4e10-8912-c96e87aab6f0.jpg", isStatic: true}
Object {uri: "file:///storage/emulated/0/Pictures/image-473d8554-2f53-4870-b94e-03306a17f6e6.jpg", isStatic: true}

我出错了！感谢。

Answer 1

尝试添加return。

 return this.state.imageSource.map(function(image){

看起来你扔掉了地图。

React-Native-Image-Picker（无法映射图像数组）

1 个答案: