7

I have been trying to create a bottom navbar with https://reactnavigation.org/docs/en/bottom-tab-navigator.html but one of my tab button is above a center curve (No Animation). I found some tutorials for flutter and Android Studio but couldn't find any for react native.Curved Bottom Navbar What would be the right approach for this.

8
  • You can add a custom component that has a QR with backgroundColor and top in negative
    – DevAS
    Commented Nov 13, 2019 at 20:30
  • How would that bring the curve? Commented Nov 13, 2019 at 20:32
  • You can add to circle padding
    – DevAS
    Commented Nov 13, 2019 at 20:34
  • Wouldn't solve my problem Commented Nov 13, 2019 at 20:40
  • My thoughts are 1) add an empty item in your bottom tab nav to get the space between items in tabs, then if you just want to add a QR in just in Home screen add it in absolute position and handle your measures, 2) add components to your tab navigator and let him take some styles like a margin and padding
    – DevAS
    Commented Nov 13, 2019 at 20:45

0

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.