React Native - 使用动态名称的图像需求模块

Question

React Native - 使用动态名称的图像需求模块我目前正在使用React Native构建测试应用程序。到目前为止，Image模块一直运行良好。例如，如果我有一个名为的图像avatar，下面的代码片段工作正常。<Image source={require('image!avatar')} />但是，如果我将其更改为动态字符串，我会得到<Image source={require('image!' + 'avatar')} />我收到错误：需要未知模块“图像！头像”。如果您确定该模块在那里，请尝试重新启动打包器。显然这是一个人为的例子，但动态图像名称很重要。React Native不支持动态图像名称吗？

Answer 1

这对我有用：

我制作了一个自定义图像组件，它接受一个布尔值来检查图像是来自网络还是从本地文件夹传递。

// In index.ios.js after importing the component

<CustomImage fromWeb={false} imageName={require('./images/logo.png')}/>

// In CustomImage.js which is my image component

<Image style={styles.image} source={this.props.imageName} />

如果您看到代码，而不是使用其中一个：

// NOTE: Neither of these will work

source={require('../images/'+imageName)} 

var imageName = require('../images/'+imageName)

我只是将整个require('./images/logo.png')作为道具发送。有用！