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

Question

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

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

但是看起来viewPager的children的item必须是stretch，所以我们看不到第二个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>

保留该库有解决此问题的方法吗？或者我应该看一下旋转木马图书馆？

Answer 1

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