根据变量动态地要求文件

Question

在我的react-native项目中，我试图从变量中要求图像，但我得到一个错误:此调用没有符号化。如果我在require中硬编码字符串，则导入工作。

const exampleImagesIos = ["./example-images/example-ios-1.png", "./example-images/example-ios-2.png"]
<Swiper>
{exampleImagesIos.map((item, i) => (
<View key={i} style={styles.exampleImgContainer2}>
<Image style={styles.exampleImgstyle2}
source={require(item)}
/>
</View>
))}
</Swiper>

Answer 1

动态导入不能在require中工作，它只在import中工作。参见Require和import的区别

所以你必须传递静态值你可以使用这个

const exampleImagesIos = [require("./example-images/example-ios-1.png"), require("./example-images/example-ios-2.png")]

并使用image

来源中的直接项查看Stackoverflow问题了解更多细节