反应原生viewPager如何禁用边缘到边缘

Posted 2023-02-26

【中文标题】反应原生viewPager如何禁用边缘到边缘

【英文标题】：React native viewPager how to disable edge to edge

【发布时间】：2020-02-06 11:01:43

【问题描述】：

我正在使用来自 react native 社区的 react native viewPager：https://github.com/react-native-community/react-native-viewpager

我想渲染一些类似于主页上显示的徽标：

但是看起来viewPager的children的item必须是拉伸的，所以我们看不到第二个children的部分。

我尝试在子组件上设置一个固定宽度，但它不起作用：

<ViewPager
            style=
                height: 100
            
            pageMargin=5
            initialPage=userPosition
        >
            <View style=width: 80, height: 100, borderColor: "green", borderWidth: 1/>
            <View style=width: 80, height: 100, borderColor: "green", borderWidth: 1/>
            <View style=width: 80, height: 100, borderColor: "green", borderWidth: 1/>
        </ViewPager>

有解决这个问题的方法吗？还是我应该看看轮播库？

【问题讨论】：

你找到解决办法了吗？

我转而实现自己的...尝试查看轮播解决方案。

【参考方案1】：

ViewPager 不支持这种功能。见https://github.com/react-native-community/react-native-viewpager/issues/37