要求模块名称只在调试模式下受支持，并会在生产中中断

Question

我有一个文本和图像列表，我从Firebase数据库获取图像的名称，然后将提取的名称与图像的路径连接起来“我的项目下的文件夹：这是我用

var icon= require ('path/'+item.image+'.png') 

     return (
      ... 
        <Image style={{width: 50, height: 50}} 
          source={icon}/> 

将显示图像的代码，但我有警告，就像我在列表图像 我听说这个

的require（ '图像！'）不再支持

现在已删除对require（'image！...'）的支持，该请求已弃用很长的时间 时间。如果您仍在以这种方式在您的 应用中加载图片，请务必检查文档以寻找替代方法。

Answer 1

没有被要求没有明确的问题，所以我会假设你问“这是什么错误呢？”和“如果有什么，我该怎么做才能让它消失？”。

require('image!...')是在React Native中使用图像的（真的）旧方式。但我怀疑你的问题在于你动态地构建图像名称。

见React Native docs on images：

为了这个工作，在需要的图像名称必须静态已知。

// GOOD 
<Image source={require('./my-icon.png')} /> 

// BAD 
var icon = this.props.active ? 'my-icon-active' : 'my-icon-inactive'; 
<Image source={require('./' + icon + '.png')} /> 

// GOOD 
var icon = this.props.active ? require('./my-icon-active.png') : 
require('./my-icon-inactive.png'); 
<Image source={icon} /> 

所以不要动态生成图像的名字。

是的，我觉得你的疼痛不得不写一个开关的情况下，为世界上所有国家......