Question

我正在使用ImageSlider包来表示幻灯片中的图像，因此您可以滑动图像，但是由于某些原因它无法缩放。整个图像不能放在一张幻灯片上，因此您必须用手指移动才能看到整个图像。

这是我正在使用的代码：

<ImageSlider autoPlayWithInterval={5000} images={this.state.images}
        customSlide={({ index, item, style, width }) => (
                                     <Image source={{ uri: item }} style={{width: Dimensions.get('window').width}} />
        )}
/>

我也尝试删除整个customSlide属性仍然是一个问题。

这是库：https://www.npmjs.com/package/react-native-image-slider

Screenshop上传了UPDATE：这是应用程序内部的外观：

这是图片在应用外部（原始尺寸）的外观

Answer 1

这对我来说是固定的：

<ImageSlider autoPlayWithInterval={5000} images={this.state.images}
                                 customSlide={({ index, item, style, width }) => (
                                     <Image source={{ uri: item }} style={{
                                         width: Dimensions.get('window').width,
                                         resizeMode: 'contain',
                                         backgroundColor: 'white'
                                     }} />
                                 )}
                    />

反应原生ImageSlider组件无法缩放

1 个答案: