在 react-native 中加載圖像作為道具

Question

所以我有一個 customHeader 組件，我試圖在其中加載圖像

<Image source={props.logoImg} style={styles.icon} />

在頁面上我會像這樣傳遞道具

<CustomHeader 
     navigation={props.navigation} //call props.navigation in component
     primaryColor={primaryColor}
     coName={coName}
     logoImg={require('../content/...some image...'}
 /> 

這樣它不會拋出錯誤，但不會加載。 我知道這與將其作為道具傳遞有關，因為我可以將圖像直接加載到屏幕中。 我只是不確定我做錯了什么或我在這里錯過了什么。

我曾嘗試在組件內部使用 require ，但這會在編譯時引發錯誤，因為 react-native 需要在編譯時“需要”圖像。

Answer 1

這應該有效

在包裝組件中

<CustomHeader 

     imageUri={'../content/...some image...'}
 /> 

然后在內部組件中

<Image source={require(props.imageUri)} />