RNCircleTabBar is a React Native project. Custom tabBar <CircleAnimatedTabbar {...props} /> component for react-navigation.
Note: Make sure you have completed the React Native - Environment Setup instructions till "Creating a new application" step, before proceeding.
First, you will need to complete React Native - Environment Setup then close the project and install dependencies using yarn.
# start Metro
yarn start
# run the application(ios or android)
yarn ios | androidThe project does not utilize any UI scaling algorithms/libraries, so it may not adjust perfectly to devices of varying sizes. I tested the project using an iPhone 15 Pro. It simply provides an idea of how to implement it.
To learn more about React Native, take a look at the following resources:
- React Native Website - learn more about React Native.
- Getting Started - an overview of React Native and how setup your environment.
- Learn the Basics - a guided tour of the React Native basics.
- Blog - read the latest official React Native Blog posts.
@facebook/react-native- the Open Source; GitHub repository for React Native.