Android 的 FullWindowOverlay

Question

我正在使用 React Native 开发一个应用程序，并且正在处理一个在模式内结合了 Modal 和 BottomSheet 的屏幕。我遇到的唯一问题是我将工作表内容包装在

FullWindowOverlay

中（来自react-native-screens），因此它始终位于模式上方，但此组件仅适用于 iOS。

有安卓替代品吗？我尝试了很多方法，例如具有绝对属性的视图、zIndex、将工作表包装在 Portal 中等，但没有任何效果。

例子很简单：

<Modal isVisible>

     ...

     <BottomSheetModal ref={bottomSheetModalRef} snapPoints={snapPoints}>
          <View>
             <Text>Hello</Text>
          </View> 
     </BottomSheetModal>
</Modal>

对于那些想知道的人，模态来自

react-native-modal

，底页来自

@gorhom/bottom-sheet

如有任何帮助，我们将不胜感激！

Answer 1

我也有同样的情况，并且堆栈相同。它可以在 iOS 上使用

FullWindowOverlay

运行，但不能在 Android 上运行。

经过几个小时的调查，我决定使用相同的

react-native-modal

并仅从底部显示样式为底部表单的模式，因为我需要实现的东西非常简单，不需要所有

@gorhom/bottom-sheet

特点。

结果