How can I add image local path? about react-native-image-slider-box HOT 4 CLOSED

I think I have a temporary solution for now

          // source={{ uri: item }}
          source={typeof item === 'string' ? { uri: item } : item}
          resizeMethod={this.props.resizeMethod || 'resize'} 
          resizeMode={this.props.resizeMode || 'cover'}

I commented out the current source property of <ImageComponent> in the _renderItem() in SliderBox.js and added a check to support both local and https images.

I also added two more properties resizeMethod & resizeMode which I think are basic requirement while dealing with images.

Hope this helps someone.

from react-native-image-slider-box.

you can use this approach:

 images: [
        require('./my-icon1.png'),
        require('./my-icon2.png'),
        require('./my-icon3.png'),
]

from react-native-image-slider-box.

Hi @intellidev1991,
I tried importing the local files as below:

state = {
    images: [
        require('../assets/my-icon1.png'),
        require('../assets/my-icon1.png'),
        require('../assets/my-icon1.png'),
      ]
  };

But its not working as expected. I cannot see images and the simulator throws error

Could not find Image file:///users/......

On a side note when I load images from http or https url it works fine. But In my case I want to load them from local assets repository.
Any Help?

from react-native-image-slider-box.

Hi, Please first, install the last version( new version published )
then use require in images array:

 images: [
        "https://source.unsplash.com/1024x768/?tree", // Network image
        require('./assets/images/girl.jpg'),          // Local image
]

from react-native-image-slider-box.