Any tips on how to implement something like this in react native

this middle button should have something like a gap around it

Example

CodePudding user response：

Because of the gap, I would use a .png in a custom component.

CodePudding user response：

Never done it before, but looks this guy solved it https://github.com/hoaphantn7604/react-native-curved-bottom-bar. Seems they are using react-native-svg to do the magic