按名称要求模块仅在调试模式下受支持，并且将在生产中中断

Question

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

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

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

图像显示但我的警告与列表中的图像一样多 我读到了这个地方

  

要求（＆＃39;图片！...＆＃39;）不再支持

     

支持require（＆＃39; image！...＆＃39;），已被弃用了很长时间   时间，现在已删除。如果你仍然在你的脸上加载图像   应用程序，请务必查看备选文档。

Answer 1

没有明确的问题被问到，所以我会假设您要问＆＃34;这个错误意味着什么？＆＃34;和＃34;我应该怎样做才能让它消失？＆＃34;。

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

请参阅React Native docs on images：

  

为了使其正常工作，必须静态地知道require中的图像名称。

// 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} />

因此，请不要动态构建您的图片名称。

是的，我觉得你不得不为世界上所有国家写一个案例......