React Native 通过变量动态要求文件

thigvfpy  于 2022-12-14  发布在  React
关注(0)|答案(1)|浏览(124)

在我的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>
guicsvcw

guicsvcw1#

动态导入在require中不起作用,它只在import中起作用。请参阅Diff between Require and import
所以你必须传递静态值你可以用这个

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

并使用图像源中的直接项
有关详细信息,请参阅此Stackoverflow question

相关问题