/Javascript/React/Bottom tab navigator react native transparent

Bottom tab navigator react native transparent

<Tab.Navigator
      tabBar={...}
      tabBarOptions={{
        style: {
          backgroundColor: 'transparent',
          position: 'absolute',
          left: 0,
          right: 0,
          bottom: 0,
          elevation: 0, <----to get rid of a shadow problem on Android
        },
      }}>
    { /* ...your screens go here */ }
</Tab.Navigator>

Source: stackoverflow.com

Similar codes

1 vote191 views1 answer
React native basic template
Javascript React
131 votes690 views6 answers
Creating react app
Javascript React
15 votes215 views3 answers
React native expo navigation
Javascript React
3 votes221 views5 answers
React date range picker
Javascript React
0 vote193 views1 answer
React-data-table-component cell action
Javascript React
7 votes202 views3 answers
React route props
Javascript React
1 vote193 views3 answers
Click outside React component
Javascript React
0 vote191 views1 answer
OnPress image react native
Javascript React
13 votes184 views3 answers
Enable emmet vscode react
Javascript React
0 vote198 views1 answer
React router v6 lazy suspense
Javascript React