React Native Curved Navigation Bar Example:

Demo

A basic Setup

iOS

1. npm install or yarn install
2. cd ios
3. pod install
4. Go to main directory and react-native run-ios

Android

1. npm install or yarn install
2. react-native run-android

Clear metro bundler cache

1. Close metro bundler (terminal window)
2. npm start -- --reset-cache
3. Reload app

Used libraries

• d3-shape
• @react-navigation/bottom-tabs
• react-native-svg

License

MIT