首页 > 解决方案 > React Native 上的浮动按钮(FAB)在渲染 Modal、iOS Actionsheet、选择器组件时不会停留在顶部

问题描述

在高阶组件中使用绝对定位按钮将在正常用例中发挥作用,但是当呈现模态/操作表/选择器等时,按钮不再停留在顶部。在此处输入图像描述

标签: androidiosreact-nativefloating-action-button

解决方案


不幸的是,这是不可能的。模式、操作表和警报在更高级别的新窗口中呈现,因此它们将涵盖所有内容。您也不能插入包含您的 FAB 的更高级别的窗口,因为触摸事件不会使其下降到您的常规视图。更多关于这里的文档。

我还认为你不应该尝试实现这一点。屏幕截图中的动作选择器应该绝对覆盖该动作按钮,如果您正在呈现模式,那么您总是可以尝试添加一个新的 FAB 来代替。


推荐阅读