使用Arra.map进行图像显示

Question

我正在使用{chatBoxMessages.image_server}

获取这样的图像路径

  :  file:///storage/emulated/0/DCIM/IMG_20180810_090500.JPG

如何使用上述路径显示图像。

我正在尝试<Image source={{uri : 'http://10.42.0.1:8000{chatBoxMessages.image_server}'}} style={{ width: 150, height: 100}}/>此图像标签，但图像未显示。

请帮助我显示图片

 this.state.chatMesages.map(function(chatBoxMessages, index){

            return(

              <View>


                 <Text style={styles.messagesRightContainer} key={index}>

                <Image source={{uri : 'http://10.42.0.1:8000{chatBoxMessages.image_server}'}} style={{ width: 150, height: 100}}/>

</Text>


            </View>
             )

                  })