在本机swiper中查看中心模式?

时间:2017-10-31 09:31:40

标签: android ios react-native

我正在使用反应原生swiper,以显示一些幻灯片放映。它工作正常。但是我想要一个视图必须在中心显示的中心模式,而左右的其他视图应该像carousal一样可见。

这是我的样本幻灯片..

**Sample 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>

0 个答案:

没有答案