Javascript 在react native中将图像作为道具加载

所以我有一个customHeader组件，我试图将图像加载到其中，就像这样

在页面上，我会像这样传递道具

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

这样它不会抛出错误，但不会加载。我知道这与将其作为道具传递有关，因为我可以直接将图像加载到屏幕中。我只是不确定我做错了什么或者我在这里错过了什么

我曾尝试在组件内部使用require，但这会在编译时引发错误，因为react native需要在编译时“required”映像。

这应该可以工作

在包装组件中

<CustomHeader 

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

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

然后在内部组件中

<CustomHeader 

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

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

抛出javascript构建错误

components\CustomHeader.js:components\CustomHeader.js:第15行的调用无效：require（props.imageUri）

那么仅仅在组件中使用图像似乎也不起作用？我尝试直接进入组件，它不会抛出任何错误，但不会加载。但是，如果我在页面上使用它，同样的行也会起作用。对我来说，它的工作刚刚发现react原生图像需要高度样式。我觉得自己有点笨，但我也觉得不需要这样。