如何在 react-native 中傳遞多個帶有要求的圖像

Question

我想上傳與 map 本機反應的多色圖像。 當我想將本地圖像的 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>
    )
} 
}

我是本機反應的初學者，我該如何解決這個問題。 無論如何調用多個圖像是否需要或不需要我應該測試另一個方法或函數。

Answer 1

您不能將require與參數一起使用。 Insted 在您的數組中使用它：

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

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