React Native - 無効なプロップソースがImageに渡されました。

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

私は、これはあなたがこれをしなければならない文字列に変数を挿入したい場合は、文字通り、文字列「{SRCを}」ダウン渡し、あなたの問題が<FullScreenImage src="{src}"/>だと思う：

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

しかし、そこにあります<FullScreenImage src={src}/>をやっていない理由は？