React Native - 无效的prop源传递给图像
问题描述:
我是完全陌生的反应本机开发,我试图显示和<Image>
。我不断收到此错误:React Native - 无效的prop源传递给图像
Warning: Failed prop type: Invalid prop
source
supplied to Image`
以下是我有: 首先,有这样的定义在项目中的所有图片列表:
export const IMAGES = {
ScreenStart1: require('../../assets/img/app/startScreen/start1.jpg'),
}
这是调用图像组件视图:
import {IMAGES} from '../../shared/listOfImages'
import FullScreenImage from '../../components/fullScreenImage'
export default class StartScreen extends React.Component {
render(): React$Element<*> {
let src = IMAGES.ScreenStart1;
return (
<View style={{flex: 1}}>
<FullScreenImage src="{src}"/>
</View>
);
}
}
最后FullScreenImage
组分:
//this displays image in full screen
export default class FullScreenImage extends Component {
render(): React$Element<*> {
let src = this.props.src;
return (
<Image source={src} style={fullScreenImageStyle.container} resizeMode='cover'>
</Image>
);
}
}
请有人可以帮我吗?
答
我觉得你的问题是<FullScreenImage src="{src}"/>
,这从字面上向下传递一个字符串“{SRC}”,如果你想给一个变量注入到一个字符串,你必须这样做:
<FullScreenImage src={`${src}`}/>
但是,有你不只是在做<FullScreenImage src={src}/>
的原因?
感谢您的回答,我错过了这个愚蠢的错字。 ' '解决了它。显然是时候睡觉了:) –
hyperN