2016-09-14 34 views
0

如在documentation中提到的,在Android上,溢出设置为隐藏并且不能更改。因此这引发了这种problems。我的问题是我们如何才能使floating action buttons与本机反应。我想要一个按钮,例如Google地图的行程按钮。它应该以某种方式与帝国国家建筑视图相关联,因为如果后者被拖拽,它将与它同步移动。反应本机:作为溢出=在Android上隐藏,我们如何设计浮动动作按钮

我看到不同的方式来使它工作,但他们都没有感觉,因为他们要么创造不可见的意见,要么需要传播许多道具。人们习惯使用一种常见的技巧吗?

screenshot

回答

0

最简单的方法来创建一个浮动按钮会在你的样式按钮,利​​用这些:

position: 'absolute', 
bottom: 20, 
right: 20 

或者无论你想要的位置。这将保持在屏幕的右下角。

另外,我建议你检查出这样一个图书馆:https://github.com/mastermoo/react-native-action-button

+0

_HTTPS://github.com/mastermoo/react-native-action-button_ 是的,这是一个很好的库可以轻松地设计我的按钮。谢谢。 _但无论你想要它的位置。这将使它保持在屏幕的右下角_ 在我的使用案例中,复杂的是我希望它相对于“Empire State Building”视图进行定位。后者有一个泛响应器来处理上下拖动(就像使用Google Maps原生应用程序一样),我希望我的操作按钮保持在这个“帝国大厦”视图的顶部。因此,它不能简单地定位为“绝对”。 – user2015762