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 worksource={require('../images/'+imageName)}&nbsp;var imageName = require('../images/'+imageName)我只是将整个require('./images/logo.png')作为道具发送。有用！