在image標簽展示圖片的時候用uri綁定圖片地址變量但是怎么整都不顯示圖片

<Image style={styles.photo} source={{ uri: this.state.photoUrl }} />
photo: {
        flex: 1,
        resizeMode: 'cover'
    }

原來是要給圖片加個寬高,不加的話無法顯示，我們了解到，在瀏覽器中，如果你不給圖片指定尺寸，那么瀏覽器會首先渲染一個0x0大小的元素占位，然后下載圖片，在下載完成后再基于正確的尺寸來渲染圖片。(我遇到的問題就是它不顯示...)這樣做的最大問題是UI會在圖片加載的過程中上下跳動，使得用戶體驗非常糟糕。

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

這樣就ok了
Image還有另一個綁定地址方法

<Image source={source={require('./images/add.png')}} />

這種方式設不設置寬高都行