500带有动态资源的本机图像源发生错误本机反应

Question

使用动态资源显示图像时出现500错误。 <Image style={styles.image} source={require('../component/images/react-native.png')} /> <Image style={styles.image} source={require(article.imageUrl)} />

“ article.imageUrl”的值与第一个文本完全相同。

反应：16.6.3

反应性：0.58.4

Answer 1

代替article.imageUrl =“ ../ component / images / react-native.png”，将其更改为：

article.imageUrl=require("../component/images/react-native.png");

然后：

source={article.imageUrl}

因为正如安德鲁所说，您不能将动态变量与require一起使用。