Question

我正在尝试使用左/右滑动来调用我的页面上的某个功能 - 我看不出一个明显的方法来执行此操作？

我假设有内置功能来检测这些类型的手势，然后调用预定义的函数？

我正在尝试将其用作导航手势 - 左右滑动将加载传递日期的组件并根据该日期加载数据。

请知道是否有人可以提供帮助。感谢

Answer 1

    onLeftActionComplete={() => leftComplete()}
    onRightActionComplete={() => rightComplete()}

Answer 2

我会推荐这个库，因为我不知道任何内置函数可以如此轻松地实现您的需求。 Swipe gestures

  <GestureRecognizer
    onSwipe={(direction, state) => this.onSwipe(direction, state)}
    onSwipeUp={(state) => this.onSwipeUp(state)}
    onSwipeDown={(state) => this.onSwipeDown(state)}
    onSwipeLeft={(state) => this.onSwipeLeft(state)}
    onSwipeRight={(state) => this.onSwipeRight(state)}
    config={config}
    style={{
      flex: 1,
      backgroundColor: this.state.backgroundColor
    }}
    >
    <Text>{this.state.myText}</Text>
    <Text>onSwipe callback received gesture: {this.state.gestureName}</Text>
  </GestureRecognizer>

React-Native - 在向左/向右滑动时调用函数

2 个答案: