javascript - React Native Reanimated BottomSheet 未使用 Header 中的 Touchable 打开

Question

你好，我的名字是 Jairo，我正在使用 JavaScript 中的 React Native 制作一个移动应用程序。现在我正在尝试从标题中调用一个名为Reanimated Bottom Sheet的组件（这个组件在层次结构中具有更大的规模）。在解释组件的文档时，我尝试将其转换为类组件并创建对 BottomSheet 的引用，因为我的目的是自定义此组件。

我正在调查，发现我们可以从更高层次的组件中调用一个函数，在子组件的构造函数中链接这个函数并在父组件中创建一个子组件的实例（作为java中的对象）并调用这个方法从这个例子来看，到目前为止一切都是正确的。

当我访问 BottomSheet 引用以使用 snapTo() 方法（因此我可以隐藏组件或不隐藏组件）时出现问题，因为它会抛出异常，因为它没有找到引用（null 不是对象（评估 'this.bottomSheet .current.snapTo') 。

我有另一个项目可以满足我的要求，但是当我转到另一个屏幕时，它会丢失引用并引发异常。我希望我的解释很清楚，并提前感谢您花时间解决我的问题。

Expo Snack 上的可重现演示

GitHub存储库

标签： javascriptreactjsreact-nativebottom-sheet