功能组件无法访问 native 手势处理程序可滑动方法

Question

React-Native-Gesture-Handler docs显示在 JS 类中实现的 Swipeable 方法，并且只能通过“this”关键字访问，例如this.close

来自文档的示例:

...
<RectButton style={styles.leftAction} onPress={this.close}>
...
 

我如何在 React 功能组件中使用“this”关键字(或其替代关键字)来访问这些方法？

Answer 1

在这种情况下使用 Ref:

const YourComponent = () => {

    const swipeRef = React.useRef()

    const closeSwipable = () => {
        swipeRef?.current?.close()
    }

    return (
        <Swipeable ref={swipeRef}>
        </Swipeable>
    )
}