【问题标题】:How to right align carousel using react-native-snap-carousel?如何使用 react-native-snap-carousel 正确对齐轮播?
【发布时间】:2020-09-03 17:41:31
【问题描述】:

我正在尝试将轮播的末端向右对齐。

这就是我定义轮播的方式:

<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。

【问题讨论】:

  • 感觉这些卡片应该稍微填满你的屏幕宽度才能达到那种效果
  • 我不想要一个全宽的项目,我想要每张卡片大约 35% 的宽度。这可以通过 FlatList(Carousel 所在的位置)实现,所以我想有一个解决方案,我只是不知道如何:(

标签: react-native react-native-snap-carousel


【解决方案1】:

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

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

【讨论】:

    猜你喜欢
    • 2020-10-20
    • 2020-01-07
    • 2019-01-27
    • 1970-01-01
    • 2020-02-05
    • 2020-03-18
    • 1970-01-01
    • 2018-03-06
    • 2020-04-15
    相关资源
    最近更新 更多