React Native中 image标签绑定uri但是不显示图片

在image标签展示图片的时候用uri绑定图片地址变量但是怎么整都不显示图片


photo: {
        flex: 1,
        resizeMode: 'cover'
    }

原来是要给图片加个宽高,不加的话无法显示,我们了解到,在浏览器中,如果你不给图片指定尺寸,那么浏览器会首先渲染一个0x0大小的元素占位,然后下载图片,在下载完成后再基于正确的尺寸来渲染图片。(我遇到的问题就是它不显示...)这样做的最大问题是UI会在图片加载的过程中上下跳动,使得用户体验非常糟糕。

photo: {
        flex: 1,
        resizeMode: 'cover',
        width: Dimensions.get('window').width,
        height: Dimensions.get('window').height,
    }

这样就ok了
Image还有另一个绑定地址方法


这种方式设不设置宽高都行

你可能感兴趣的:(React Native中 image标签绑定uri但是不显示图片)