React-native显示图像uri空屏幕

时间:2017-05-25 05:16:56

标签: reactjs react-native

我刚刚遇到一个从uri加载此图像的问题

<Image style={{ width: '100%' }} source={{uri:'http://192.168.43.225:8887/imgUpload/1739998147-71.jpg'}}/>

图像未显示。但是,当我使用基于本机的缩略图时,它运行良好,但它不是我想要的

<Thumbnail style={{ width: '100%' }} source={{uri:'http://192.168.43.225:8887/imgUpload/1739998147-71.jpg'}}/>

任何解决方案?

1 个答案:

答案 0 :(得分:1)

您需要在source属性或style中指定高度和宽度。

E.g。 1

<Image source={{uri:'https://facebook.github.io/react/img/logo_small.png', width: 38, height: 38}} />

E.g。 2

<Image style={{height: 38, width: 38}} source={{uri:'https://facebook.github.io/react/img/logo_small.png'}} />