how to change image size in react native image slider box

Question

I am using this library - react-native-image-slider-box

I want to change my image size, now it's too big. How can I change it?

Any idea...

Here is my code:

<SliderBox
    images={list}
    sliderBoxHeight={300}
    autoplay
    circleLoop
    onCurrentImagePressed={(index) => {
        console.warn(`image ${index} pressed`);
    }}
/>

Thank you in advance!

try adding following props: `resizeMethod={'resize'} resizeMode={'cover'}` to `SliderBox` — Ketan Ramteke, Oct 27 '21 at 10:27
resizeMode change karun bagh na from `cover` to other values — Ketan Ramteke, Oct 27 '21 at 10:50

score 0 · Answer 1 · edited Jun 23 '22 at 00:59

You can change the image height inside the slider box using this property:

ImageComponentStyle={{height: '50%', width: '97%', marginTop: 5}}

This links to the below example (example 8)

Your final code will look like this:

<SliderBox
images={list}
sliderBoxHeight={300}
autoplay
circleLoop
onCurrentImagePressed={(index) => {
    console.warn(`image ${index} pressed`);
}}
ImageComponentStyle={{height: '50%', width: '97%', marginTop: 5}}
/>

how to change image size in react native image slider box

1 Answers1