反应本机图像不加载连接字符串

Question

我使用反应原生，我已经尝试了两段代码，第一个不起作用，第二个做。谁能解释为什么？

1. <Image source={require('../assets/'+'g'+'Light.png')} style={styles.greenLight}/>
2. <Image source={require('../assets/gLight.png')}

Answer 1

使用动态命名的阵营原生是不允许的。您应该使用一个开关，如果语句或不同的功能，会为你做到这一点：

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

这里的更多信息：https://facebook.github.io/react-native/docs/images.html