React native需要使用变量进行图像分解

Question

为什么这条线路没有错误

var gicon = species[ii].color[0] ? require('../assets/gLight.jpg') : require('../assets/nLight.png');

虽然这行引发错误？

which_light = "gLight";
var gicon = species[ii].color[0] ? require('../assets/' + which_light + '.jpg') : require('../assets/nLight.png');

Answer 1

在包装过程中解析图像名称。有一个section about it in the docs。您可以通过定义图像的常量来解决您的问题：

const LIGHT_G = require('../assets/gLight.jpg');
const LIGHT_N = require('../assets/nLight.png');

which_light = LIGHT_G;
var gicon = species[ii].color[0] ? which_light : LIGHT_N;

你必须像这样引用所有可能的图像。