{"repo":"hoaphantn7604/react-native-curved-bottom-bar","free":true,"listed":false,"github":"https://github.com/hoaphantn7604/react-native-curved-bottom-bar","clone":"git clone https://github.com/hoaphantn7604/react-native-curved-bottom-bar.git","description":"A high performance, beautiful and fully customizable curved bottom navigation bar for React Native.","language":"TypeScript","stars":597,"topics":["react-native","curved","elements","components","bottom","tab-bar","tabbar"],"license":"MIT","category":"mobile-apps","readme_excerpt":"react-native-curved-bottom-bar A high performance, beautiful and fully customizable curved bottom navigation bar for React Native. Implemented using react-native-svg and @react-navigation/bottom-tabs. Free React Native Boilerplate React Native Template with a beautiful UI. Getting started or Now we need to install react-native-svg and @react-navigation/bottom-tabs. Demo CurvedBottomBar.Navigator Props Params isRequire Description -------------------- ------------------------------------------------------- --------- ------------------------------------------------------------------- type 'DOWN' or 'UP' Yes Type of the center tab item, downward curve or upward curve circlePosition 'CENTER' or 'LEFT' or 'RIGHT' No Position of circle button initialRouteName String Yes The name of the route to render on first load of the navigator tabBar ({ routeName, selectedTab, navigate }) = JSX.Element Yes Function that returns a React element to display as the tab bar renderCircle ({ routeName, selectedTab, navigate }) = JSX.Element Yes Function that returns a React element to display as the center tab item circleWidth Number No Customize width of the center tab item. Minimum is 50px and Maximum is 60px style ViewStyle No Styling for container view shadowStyle ViewStyle No Styling for shadow view. width Number No Customize width for container view height Number No Customize height for container view, Minimum is 50px and Maximum is 90px borderTopLeftRight Boolean No Border radius top left and ","default_branch":null,"files":null,"tree":[],"storefront":"/r/hoaphantn7604","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/hoaphantn7604/react-native-curved-bottom-bar/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}