React Native中Gorhom Bottom Sheet背景置灰失效问题求助

要实现底部弹窗打开时背景变为灰色，你需要补充两个关键配置：

• 开启背景遮罩：添加enableBackdrop属性并设为true（该属性默认处于关闭状态）
• 自定义遮罩样式：通过backdropStyle设置背景的颜色与透明度，匹配你的预期效果

修改后的代码示例：

<BottomSheet
  ref={sheetRef}
  snapPoints={snapPoints}
  onCloseEnd={handleClosePress}
  enableBackdrop={true} // 开启背景遮罩
  backdropStyle={{ backgroundColor: 'rgba(0, 0, 0, 0.5)' }} // 自定义灰色半透明背景
>
  <BottomSheetView style={styles.modalContainer}>
    ////////some content
  </BottomSheetView>
</BottomSheet>

// 原有样式保持不变
modalContainer: {
  width: "100%"
},

如果需要点击背景关闭弹窗的交互，可以额外添加enableBackgroundDismiss={true}，点击遮罩区域即可触发弹窗关闭。

内容的提问来源于stack exchange，提问作者med hedi ben salah