Closed rahmanharoon closed 2 years ago
I have a use case of showing a modal when i display the modal its coming below of the tab bar I need to show the modal above the tab bar
Here is the image of current behaviour
Here my bottom content of modal is under the tab bar. How can i get rid of this situation?
<Tabs.Navigator initialRouteName={"HOME"} appearance={{ shadow: true, dotCornerRadius: 100, dotSize: DotSize.SMALL, // horizontalPadding: 100, tabButtonLayout: TabButtonLayout.VERTICAL, whenInactiveShow: TabElementDisplayOptions.BOTH, whenActiveShow: TabElementDisplayOptions.ICON_ONLY, }} tabBarOptions={{ shadow: true, position: 'absolute', keyboardHidesTabBar: true, activeTintColor: colors.color2, inactiveTintColor: colors.bottomIcons, activeBackgroundColor: colors.color1, labelStyle: { fontSize: 14, marginTop: 2, fontStyle: 'normal', fontWeight: 'normal', }, tabStyle: { width: '100%', }, }}> {...} </Tabs.Navigator>
Here is my code of tab bar initialisation
Stale issue message
I have a use case of showing a modal when i display the modal its coming below of the tab bar I need to show the modal above the tab bar
Here is the image of current behaviour![Simulator Screen Shot - iPhone 12 mini - 2022-05-16 at 18 16 48](https://user-images.githubusercontent.com/67966429/168649419-2b35b7b3-8c94-4c1a-9d68-c79629ff522f.png)
Here my bottom content of modal is under the tab bar. How can i get rid of this situation?
Here is my code of tab bar initialisation