React native在兩個scrollView中沒有顯示的圖像

Question

我開始反應原生，我很難找到我如何從uri加載圖片並將其顯示爲兩個scrollView（似乎我需要，一個用於垂直和一個水平卷軸）。我可以讓它適用於本地文件，但只要我從互聯網上獲取它，除非我給出特定的大小，否則圖片從不會顯示。

<View style={{ flex: 1 }}> 
    <ScrollView contentContainerStyle={{ flex: 0, alignContent: "stretch" }}> 
     <ScrollView horizontal={true} contentContainerStyle={{ flex: 0, alignContent: "stretch" }}> 
     <Image 
      style={{ flex: 1, backgroundColor: 'white' }} 
      resizeMode='cover' 
      source={{ uri: 'https://cdn.pixabay.com/photo/2017/02/15/11/15/wintry-2068298_960_720.jpg' }} 
     /> 
     </ScrollView> 
    </ScrollView> 
    </View> 

沒有scrollViews的代碼顯示完美的圖像，但與他們的圖像從不顯示。我試過了，alignSelf:'stretch'，或者設置top/bottom/right/left到0也width:'100%'和height:'100%'的圖像沒有給出預期的結果是把所有的空間可能顯示的圖像，並能水平裏面滾動和垂直

感謝您的幫助。

Answer 1

終於找到了答案：

var myUri = 'https://cdn.pixabay.com/photo/2017/02/15/11/15/wintry-2068298_960_720.jpg'; 
var mode = 'cover' 
Image.getSize(myUri, (width, height) => { this.setState({ width, height }) }); 
return (
    <ScrollView contentContainerStyle={{ flex: 0 }}> 
    <ScrollView horizontal={true} contentContainerStyle={{ flex: 0 }}> 
     <Image 
     style={{ width: width, height: height }} 
     resizeMode={mode} 
     source={{ uri: myUri }} 
     /> 
    </ScrollView> 
    </ScrollView> 
);