react-native - @gorhom 底页作为单独的组件

Question

是否可以创建一个单独的模态组件，在不同的屏幕上重复使用不同的内容？

我在主 index.js 组件中创建了一个底部表，我可以将不同的内容传递到底部表中，如下例所示：

<BottomSheet
  ref={bottomSheetRef}
  snapPoints={snapPoints}
  index={0}
  containerHeight={height}
  onChange={handleSheetChanges}
  handleComponent={() => {
    return <View style={styles.container}></View>;
  }}>
  <View style={styles.contentContainer}>{content}</View>
</BottomSheet>

但是，我无法将 Bottom Sheet 移动到一个单独的组件中：这非常困难，因为 ref 对我来说是未定义的。

Answer 1

如果需要，您需要将 ref 转发到您的自定义组件。检查这个转发参考