React Native - 无效的prop源传递给图像

Question

我是完全陌生的反应本机开发，我试图显示和<Image>。我不断收到此错误：

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> 

    ); 
    } 
} 

请有人可以帮我吗？

Answer 1

我觉得你的问题是<FullScreenImage src="{src}"/>，这从字面上向下传递一个字符串“{SRC}”，如果你想给一个变量注入到一个字符串，你必须这样做：

<FullScreenImage src={`${src}`}/> 

但是，有你不只是在做<FullScreenImage src={src}/>的原因？