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

Posted

技术标签:

【中文标题】react-native-gesture-handle 功能组件无法访问的可滑动方法【英文标题】:react-native-gesture-handle swipeable methods not accessible with functional components 【发布时间】:2021-03-11 10:52:02 【问题描述】:

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

来自文档的示例:

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

如何在 React 函数式组件中使用“this”关键字(或其替代关键字)来访问这些方法?

【问题讨论】:

我认为你需要像 ref 这样的东西。 【参考方案1】:

在这种情况下使用 Ref:

const YourComponent = () => 

    const swipeRef = React.useRef()

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

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

【讨论】:

以上是关于react-native-gesture-handle 功能组件无法访问的可滑动方法的主要内容,如果未能解决你的问题,请参考以下文章