react-native - 如何使用 react-native-snap-carousel 右对齐旋转木马?

标签 react-native 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 一样。

当前行为: Current behaviour

我想避开那些空位。

我正在使用 React Native 0.62.2 和 react-native-snap-carousel 3.9.0。

最佳答案

回答:3.x 版本的插件不可能。

然而,这是在版本 4 中使用 useExperimentalSnap Prop 实现的。它目前处于测试阶段。

关于react-native - 如何使用 react-native-snap-carousel 右对齐旋转木马?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/61860879/

相关文章:

react-native - React Native是否支持base64编码的图像?

javascript - 如何在使用 firebase 的 react native 中进行单元测试?

React Native 中的 iOS TextInput 样式

react-native - React Native 0.69.1 我面临问题 'deprecated-react-native-prop-types'

javascript - 在轮播中 react 原生视频

javascript - React-Native-snap-carousel 检查条件与状态值?

javascript - 如何向 react-native snap carousel 提供 API 数据

javascript - react native 文本输入模糊焦点点击可触摸

reactjs - 是否可以制作一个伪全局 promise 拒绝处理程序?