Android 在react native swiper中查看中心模式？

我正在使用react native swiper播放一些幻灯片。它很好用。但是我想要中间模式，一个视图必须显示在中间，其他从左到右的视图应该像carousal一样可见

这是我的幻灯片样本。

<View style={styles.text}>
    <Carousel 
        pageStyle={{
            flex: 1,
            flexDirection: 'column',
            alignItems: 'center',
            justifyContent: 'flex-start',
            padding: 5,
            width:180,
            backgroundColor: 'red',
            marginHorizontal:-30
        }}>
        <View>
            <View style={styles.viewStyle}>
                <Image source={ logo } style={styles.picture} />
            </View>
        </View>  
        <View>
            <View style={styles.viewStyle}>
                <Image source={ logo } style={styles.picture} />
            </View>
        </View>  
        <View>
            <View style={styles.viewStyle}>
                <Image source={ logo } style={styles.picture} />
            </View>
        </View>
        <View>
            <View style={styles.viewStyle}>
                <Image source={ logo } style={styles.picture} />
            </View>
        </View>
        <View>
            <View style={styles.viewStyle}>
                <Image source={ logo } style={styles.picture} />
            </View>
        </View>
    </Carousel>
</View>

在这里，我们可以看到一些上一页和下一页的幻灯片。所以我想展示给大家看。我试过一些方法，但没有得到任何结果

这是我的代码。

<View style={styles.text}>
    <Carousel 
        pageStyle={{
            flex: 1,
            flexDirection: 'column',
            alignItems: 'center',
            justifyContent: 'flex-start',
            padding: 5,
            width:180,
            backgroundColor: 'red',
            marginHorizontal:-30
        }}>
        <View>
            <View style={styles.viewStyle}>
                <Image source={ logo } style={styles.picture} />
            </View>
        </View>  
        <View>
            <View style={styles.viewStyle}>
                <Image source={ logo } style={styles.picture} />
            </View>
        </View>  
        <View>
            <View style={styles.viewStyle}>
                <Image source={ logo } style={styles.picture} />
            </View>
        </View>
        <View>
            <View style={styles.viewStyle}>
                <Image source={ logo } style={styles.picture} />
            </View>
        </View>
        <View>
            <View style={styles.viewStyle}>
                <Image source={ logo } style={styles.picture} />
            </View>
        </View>
    </Carousel>
</View>

从pageStyle中删除此填充：5，并保留宽度：“100%”，而不是static@KiritModi“react-native-snap-carousal”不起作用-这是我正在使用的…但没有得到@keshav