为什么现在反应native不能要求图像？

Question

<Image source={require(rowData.avatar)} /> 

错误：未知的名称模块“XXXXXX”

为什么能打印出来的路径，但不能读取图片

Answer 1

尝试

<Image source={(rowData.avatar)} /> 

Answer 2

图片不能使用动态生成的来源？假设你正在试图做的是加载一张图片作为计划的一部分，你的代码必须阅读：

const avatar = require('./path/to/avatar.jpg'); 

只有这样，你可以使用avatar作为源如下：

rowData = { 
    avatar: avatar 
} 

<Image source={rowData.avatar} /> 

如果你手中的图像会在您的应用程序需要什么才知道的，我建议你创建在其中添加所有的硬编码需要的资源文件，如：

// assets.js 
return { 
    avatar1: require('./path/to/file.jpg'), 
    avatar2: require('./path/to/file.jpg'), 
    avatar3: require('./path/to/file.jpg'), 
} 

然后你将构建你rowData如下：

import avatars from './assets'; 

rowData = { 
    avatar: avatars['avatar1'] 
} 

如果你很可能有包含密钥指向你所感兴趣的化身变量替换avatar1

这里是一个asset file我用我的一个项目。