如何在react-native中用require传递多个图片？

Question

我想在react native中用map上传multipale图片，当我想把本地图片的URL传递给map时，当我调用它时，我得到了这样的错误信息。

在第62行无效调用： require(url)

这是我的代码

export default class App extends React.Component {


   state = {
    a: ["./assest/image1.jpg" , "./assest/image2.jpg","./assest/image3.jpg"],
  }

render() {
    return (
       <ScrollView style={styles.body}>
       {
          this.state.a.map((url,key) => 
             <View style ={ styles.body}>
                 <Image 
                    style={styles.image} 
                    source={require(url)}
                  />
             </View>
          )
       }
       </ScrollView>
    )
} 
}

我是react native的初学者，如何解决这个问题，是否可以用require调用多个图片，或者我应该测试其他方法或函数。

Answer 1

你不能使用 require 用一个param。在你的数组中使用它。

state = {
    a: [
        require("./assest/image1.jpg"),
        require("./assest/image2.jpg"),
        require("./assest/image3.jpg")
    ]
}

// In your map on image source
source={url}