ios - 将 native 图像 react 为未找到字符串

Question

这很好用:

<Image source={require('./imgs/animage.jpg')}></Image>

这会返回一个错误:

var theimage = './imgs/animage.jpg';

<Image source={require(theimage)}></Image>

返回的错误是:

“需要未知模块‘./imgs/animage.jpg’。如果模块在那里，请尝试重新启动包”

真的不知道问题是什么。

这个有效:

var theimage = require('./imgs/animage.jpg');

但这还是不行:

var theimage = 'animage';
var theimage = require('./imgs/' + theimage + '.jpg');

我看不到任何动态生成图像的方法。

Answer 1

你是对的。新的 Assets 系统(以及旧的 require('image!xyz'))仅适用于静态图像。这是因为所有图像路径都是在构建步骤中静态确定的，而无需运行程序。此时构建系统不知道变量。

所以你必须使用

<Image source={{uri: theimage}}></Image>

但是 URI 可以有文件夹。为了在每次构建期间始终将最新的资源文件夹编译到应用程序中，您需要在 Xcode 项目中创建一个文件夹链接，而不是一个组。组仅包含您创建组时存在的文件。文件夹链接反射(reflect)了该文件夹的实际内容。例如。您的项目中某处有一个名为images 的文件夹。里面有一个文件夹 backgrounds 和一个文件 my_background.jpg。您将图像 添加为项目的文件夹引用。然后你可以使用

{uri: 'images/backgrounds/my_background.jpg'}