react-native - react-native-gesture-handle 功能组件无法访问的可滑动方法

Question

React-Native-Gesture-Handler文档显示了在 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>
    )
}