在图像传送中显示来自服务器的图像阵列

时间:2018-10-18 11:25:39

标签: react-native react-native-android react-native-ios

嘿,我正在使用原生ImageCarahousal。我想以此显示我的图像数组,它们可以是多个或很多。我需要在我的图像载具中证明这一点... 正常显示静态图像,例如[{uri:'https://images.pexels.com/photos/889087/pexels-photo-889087.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260'}]  如何基于多个图像的数组来制作

<ImageCarousel
                 height={300}
                 delay={7000}
                 animate= "true"
                 indicatorSize={10}
                 indicatorColor="white"
                 images={
    [this.props.navigation.state.params.itemimage.map
        ( ( item,i)=> {
                              {uri:item}
                            } ) ]
               }
                 />

1 个答案:

答案 0 :(得分:1)

尝试一下:

 const { params } = this.props.navigation.state;
 <ImageCarousel
                     height={300}
                     delay={7000}
                     animate= "true"
                     indicatorSize={10}
                     indicatorColor="white"
                     images={params.itemimage && params.itemimage.map(item => {uri:item})}
/>