React Native 动态引入本地图片（循环引入）

方法很简单，只需要定义好图片数组，接着进行循环即可。

constructor(props) {
    
    
    super(props);
    this.state = {
    
    
        scrollImage:[
            {
    
    
                img:require('../../images/OHR.jpg')
            },
            {
    
    
                img:require('../../images/th.jpg')
            },
            {
    
    
                img:require('../../images/OHR.StokePero.jpg')
            }
        ]
    };
  }

需要在页面属性中直接定义好require。不能写成下面的形式：

 scrollImage:[
       {
    
    
           img:'../../images/OHR.jpg'
       },
       {
    
    
           img:'../../images/th.jpg'
       },
       {
    
    
           img:'../../images/OHR.StokePero.jpg'
       }
   ]

如果写这种方式，等下需要用到此数据时，获取到的img不是路径字符串，也就是不带路径两端的单引号，而使用require()时，里面的路径必须带上单引号。

接着在使用时遍历即可：

for (let index = 0; index < this.state.scrollImage.length; index++) {
    
    
   var imageItem = this.state.scrollImage[index].img;
    ImageArr.push(
        <Image key={
    
    index} source={
    
    imageItem} style={
    
    style.image}/>
    )
}