首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >React-Native-Image-Picker (无法映射图像数组)

React-Native-Image-Picker (无法映射图像数组)
EN

Stack Overflow用户
提问于 2016-04-28 11:10:09
回答 1查看 367关注 0票数 0

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

下面是我的一些代码:

代码语言:javascript
复制
state = {
    imageSource: []
};

下面是我设置状态的方法:

代码语言:javascript
复制
this.setState({
  imageSource: this.state.imageSource.concat(source) 
});

下面是我的view函数:

代码语言:javascript
复制
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>
        )
      });

  }

这是我的渲染视图

代码语言:javascript
复制
<View style={styles.containerImage}>
          {this.viewImages()}
</View

最后,这是我从上面的view函数中获得的控制台日志:

代码语言:javascript
复制
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}

我哪里搞错了!谢谢。

EN

回答 1

Stack Overflow用户

发布于 2016-04-28 20:34:04

尝试添加return

代码语言:javascript
复制
 return this.state.imageSource.map(function(image){

看起来你要扔掉地图了。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/36904567

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档