React native 使用时呼叫本地来源<；图像>；反应

我正在尝试使用ScrollView显示图像

我有一个代码，当我在互联网上使用图像时可以使用，但当它们是本地图像时不能使用。 你能告诉我如何更正代码吗

我知道错误来自以下方面：source={{require（image）}}，但不知道如何正确编写它

const images = [
  './images/localImage1.jpg',
  './images/localImage2.jpg',
  //'https://someURLlink2.jpg',
  //'https://someURLlink2.jpg',
]

render() {
    let imageArray = []
    let barArray = []
    images.forEach((image, i) => {
      console.log(image, i)
      const thisImage = (
        <Image
          key={`image${i}`}
          //source={{uri: image}}
          source={{require(image)}}
          style={{ width: deviceWidth }}
        />
      )
      imageArray.push(thisImage)

const图像=[
“./images/localImage1.jpg”，
“./images/localImage2.jpg”，
//'https://someURLlink2.jpg',
//'https://someURLlink2.jpg',
]
render（）{
让imageArray=[]
让barArray=[]
images.forEach（（图像，i）=>{
console.log（图像，i）
常量thisImage=(
)
imageArray.push（此图像）

正如

react native

所说

为了使其工作，必须知道require中的图像名称 静态地

阅读更多

因此，解决方案将在阵列中存储已经需要的图像

const images = [
  require('./images/localImage1.jpg'),
  require('./images/localImage2.jpg')
]

然后像这样称呼这个形象

render(){
        let imageArray = []
        let barArray = []
        images.forEach((image, i) => {
          console.warn(image, i)
          const thisImage = (
            <Image
              key={`image${i}`}

              source={image}
              style={{ width: deviceWidth }}
            />
          )
          imageArray.push(thisImage)
        })
        return imageArray;
      }

render（）{
让imageArray=[]
让barArray=[]
images.forEach（（图像，i）=>{
console.warn（图一）
常量thisImage=(
)
imageArray.push（此图像）
})
返回图像阵列；
}

如果要从Internet获取图像，并且在获取失败时，显示本地图像，请检查此解决方案：

  <Image
    style={{width: 50, height: 50}}
    source={{uri: 'https://facebook.github.io/react-native/docs/assets/favicon.png'}}
    defaultSource={{uri: require('./path/to/image.png')}}
  />

如果您的用例不同，您只想使用源道具，请尝试以下方法：

const images = [
  require('./images/localImage1.jpg'),
  require('./images/localImage2.jpg'),
  'https://someURLlink2.jpg',
  'https://someURLlink2.jpg',
]

render() {
  let imageArray = []
  let barArray = []
  images.forEach((image, i) => {
    const thisImage = (
      <Image
        key={`image${i}`}
        source={{uri: image}}
        style={{ width: deviceWidth }}
       />
     )
  imageArray.push(thisImage)
}

const图像=[
需要（'./images/localImage1.jpg'），
需要（'./images/localImage2.jpg'），
'https://someURLlink2.jpg',
'https://someURLlink2.jpg',
]
render（）{
让imageArray=[]
让barArray=[]
images.forEach（（图像，i）=>{
常量thisImage=(
)
imageArray.push（此图像）
}

使用

图像.map（（元素，i）=>{
返回(
)
})

试试这个

@Emma:它会触发一条错误消息