React Navigation：Android 上类似于 iOS 的 Modal Stack

Posted 2023-03-15

【中文标题】React Navigation：Android 上类似于 iOS 的 Modal Stack

【英文标题】：React Navigation: Modal Stack similar to iOS on Android

【发布时间】：2020-11-05 15:08:08

【问题描述】：

使用 react-navigation，我想从底部弹出（模态）屏幕，几乎覆盖整个屏幕，但可以通过向下滑动来关闭。这类似于原生 ios 行为（当前为 iOS 14）

有人知道如何在 React-Native 中使用 React-Navigation 吗？我一直在尝试许多它的 headerOptions 都无济于事，所以我不确定它是否可以完成。

这是其中一个示例应用的行为。

Sample of what to achieve

【参考方案1】：

圆角边框主要是最顶层视图容器上的样式，你可以在最顶层视图容器上这样实现：

borderTopLeftRadius: 30,
borderTopRightRadius: 30,
paddingVertical: 50,
paddingHorizontal: 30,

您可以在此处的示例 repo 中看到：

https://github.com/itzpradip/react-navigation-v5-mix.git

commit 2976dd61a25c73c21375297dea0a38adf3474138 (HEAD -> master, origin/master, origin/HEAD)