如何使用 react-native-snap-carousel 右对齐旋转木马?
How to right align carousel using react-native-snap-carousel?
我正在尝试将轮播的末端向右对齐。
我是这样定义轮播的:
<Carousel
data={pointsOfSale}
firstItem={0}
renderItem={renderItem}
sliderWidth={sliderWidth}
itemWidth={itemWidth}
hasParallaxImages
containerCustomStyle={{
marginStart: theme.mixins.widthPercentageToDP(2),
}}
inactiveSlideScale={1}
inactiveSlideOpacity={1}
activeSlideAlignment="start"
/>
使用 属性 activeSlideAlignment="start"
我能够将旋转木马的开头对齐到左侧。但是,如果我滚动到最后,最后一个项目将在左侧对齐(与第一个项目的位置相同)。我想把最后一项放在右边,就像 FlatList 一样。
当前行为:
我想避开那些空位。
我正在使用 React Native 0.62.2 和 react-native-snap-carousel 3.9.0。
回答:插件的 3.x 版本不可能。
然而,这是在版本 4 中使用道具 useExperimentalSnap
实现的。目前处于测试阶段。
我正在尝试将轮播的末端向右对齐。
我是这样定义轮播的:
<Carousel
data={pointsOfSale}
firstItem={0}
renderItem={renderItem}
sliderWidth={sliderWidth}
itemWidth={itemWidth}
hasParallaxImages
containerCustomStyle={{
marginStart: theme.mixins.widthPercentageToDP(2),
}}
inactiveSlideScale={1}
inactiveSlideOpacity={1}
activeSlideAlignment="start"
/>
使用 属性 activeSlideAlignment="start"
我能够将旋转木马的开头对齐到左侧。但是,如果我滚动到最后,最后一个项目将在左侧对齐(与第一个项目的位置相同)。我想把最后一项放在右边,就像 FlatList 一样。
当前行为:
我想避开那些空位。
我正在使用 React Native 0.62.2 和 react-native-snap-carousel 3.9.0。
回答:插件的 3.x 版本不可能。
然而,这是在版本 4 中使用道具 useExperimentalSnap
实现的。目前处于测试阶段。