如何在react native中创建曲线滚动?

时间:2019-07-10 07:57:45

标签: javascript react-native

我希望能够在按下浮动按钮时滚动浏览这些项目,如下所示。

https://i.imgur.com/Gb7rOtx.gif <我要

使用React Native动画可以做到吗? 当我使用曲线滚动进行搜索时,找不到有关封面样式动画的大多数信息。

此功能是否有适当的关键字? 或者,您如何实现此动画?

我试图通过将项目指定为特定于角度的坐标并使用手势的dx拖动来移动项目的坐标,以获取dx值。 https://i.imgur.com/b5snUGq.gif <我的应用

PanResponder.create({
    ...
    onPanResponderMove: (event, gestureState) => {
      if (this.prevDx == gestureState.dx) {
        return;
      }

      // get position of angle
      const tmpList = this.getItemsPosition(gestureState.dx);
      this.setState(state => ({
        itemList: state.itemList.map((item, idx) => {
          item.transform = itemPosList[idx];
          return item;
        })
      }));

我已经尝试了上面的方法,但是使用dx很难选择确切的拖动位置,并且拖动动作本身看起来很尴尬。 我想要的功能与滚动视图相同。我从字面上想要一个曲线scrollview。 请帮助我。

0 个答案:

没有答案