Enhanced React Navigation For iOS


React Navigation for React js that tries to ensure that the elements of the navigators display correctly on devices with notches (e.g. iOS) and UI elements that may overlap the app content.

How to use it:

1. Install and import the react navigation.

$ npm i @themak/react-navigation
import Navigation from '@themak/react-navigation'

2. Add a bottom navigation to the app.

<Navigation variant="bottom" columns={3} breakPoint="lg">

3. Available props.

backgroundColor: string
breakPoint: false | 'sm' | 'md' | 'lg'
children?: React.ReactNode
className: false | string
columns: false | number
safeAriaHeight: string
height: string
shadow: false | string
style: {}
variant: 'top' | 'bottom'
zIndex: number | false


Enhanced React Navigation For iOS

Add Comment