react-native - reanimated-bottom-sheet snapTo 功能在第二次触发时工作

Question

我正在使用 reanimated-bottom-sheet。试图用这个关闭模式

this.bottomSheetRef.current.snapTo(0)

但这在第二次点击时有效。如果有 3 个 snapPoint，它首先会比我想要的位置高，但在第二次单击时

Answer 1

我正在使用此代码来避免snapTo(0) 出现问题。

关闭方法：

closeBottomSheet = () => {
    if (this.bottomSheetRef && this.bottomSheetRef.snapTo) this.bottomSheetRef.snapTo(0);
}

示例组件：

<BottomSheet
    ref={ref => this.bottomSheetRef= ref}
    snapPoints={[0, 300, 600]}
    initialSnap={0}
/>