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

Question

我对原生开发者反应完全陌生，我正在尝试显示和<Image>。我不断收到此错误：

警告：失败的道具类型：无效的道具source 提供给图像`

这是我所拥有的： 首先，项目中所有图像的列表定义如下：

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}/> 有什么原因吗？