【问题标题】:React native floating button反应原生浮动按钮
【发布时间】:2021-10-20 05:41:05
【问题描述】:

我创建了底部导航,里面有一个自定义浮动按钮。按钮/菜单正在打开,但里面的元素(带有红色圆圈)是不可触摸的,因为灰色容器可能在它们上方。与灰色容器重叠的蓝色添加按钮的这个小片段也是不可触摸的。 我试图为菜单按钮添加 zIndex/elevation - 但它没有帮助。 如何在所有容器上制作一个完整的浮动菜单。 所有元素的位置都设置为绝对。

代码参考 https://gist.github.com/gtarnowski/3b36deaeed71abee3d5e84567aa37eea 图片参考 https://i.stack.imgur.com/fGkw0.jpg

【问题讨论】:

  • 你能粘贴你的代码吗?
  • @LineuPastorelli 当然,已添加

标签: react-native floating-action-button


【解决方案1】:

我已经测试了您发送给我的代码,它似乎工作正常。它正在发出日志。

以下是我创建的 Snack 链接:

https://snack.expo.dev/@lineuxyz/greg-error

【讨论】:

  • 一般来说,它运行良好。但是,如果您尝试将其用作 BottomTopBar 的一部分 - 它就不起作用。尝试用<Tab.Screen/>包装它
  • 但是你传递的这段代码,和你使用的是同一个吗?
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2018-05-07
  • 2016-01-29
  • 2022-01-19
  • 1970-01-01
  • 2022-06-17
  • 1970-01-01
  • 2021-07-09
相关资源
最近更新 更多