如何在反应原生图像滑块框中更改图像大小

Question

我正在使用这个库 -react-native-image-slider-box

我想改变我的图像大小，现在它太大了。 我怎样才能改变它？

任何想法...

这是我的代码：

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

先感谢您！

Answer 1

您可以使用此属性更改滑块框内的图像高度：

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

这链接到以下示例（示例 8）

您的最终代码将如下所示：

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