反应本机底片总是出现在坐骑上。

Question

我正在使用博览，并且尝试使用Gorhom的底部工作表组件在用户单击按钮时显示底部工作表。所有工作正常，除了底部的工作表坚持总是弹出屏幕挂载，这显然是不好的，它应该弹出只有当用户点击一个触发器像一个按钮。

这是我的组成部分：

import BottomSheet, { BottomSheetScrollView } from '@gorhom/bottom-sheet'

<BottomSheet
      ref={sheetRef}
      enableOverDrag
      handleIndicatorStyle={styles.handleIndicator}
      snapPoints={snapPoints}
      enablePanDownToClose
    >
      <BottomSheetScrollView>
        {children}
      </BottomSheetScrollView>
    </BottomSheet>

我试图切换一个显示，无/灵活，但这使弹出不顺利和非常突然：

containerStyle={[styles.container, {display: showSheet ? 'flex' : 'none'}]}

我已经翻阅了两遍整个文档，但没有发现任何能帮助我的东西。

Answer 1

如果期望的行为仅在用户单击按钮时显示底部工作表，那么它看起来更像一个模式。这里有BottomSheetModal包装器/装饰器。

而不是导入BottomSheet，而是导入BottomSheetModal。然后获取它的引用并调用方法bottomSheetRef.current.present()和bottomSheetRef.current.close()。这样做，所有的显示/隐藏/向下动画将在下注后立即工作。

有关完整的示例，请查看文档。