React Native：由于溢出=在Android上隐藏，我们如何设计浮动操作按钮

Question

As mentioned in the documentation , on Android overflow is set to hidden and cannot be changed. Hence this raises this kind of problems . My question is how can we make floating action buttons with react native. I want to have a button like this itinerary button of Google Maps. It should be somehow linked to the Empire state building view as it will move synchronously with it if the latter is dragged.

I see different ways to make it work but none of them feels good as they either create invisible views or need to propagate many props. Is there a common trick people are used to?

Answer 1

The easiest way to create a floating button would be to utilize these in your styles for the button:

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

Or however you want it positioned. That will keep it on the lower right hand corner of the screen.

Also I'd recommend checking out a library like this one: https://github.com/mastermoo/react-native-action-button