Подскажите как стилизовать навигацию в react native expo

 import React from 'react';
import { View, Text, StyleSheet } from 'react-native';
import { NavigationContainer } from '@react-navigation/native';
import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
import { Icon } from 'react-native-elements';

import Screen1 from './screens/Screen1';
import Screen2 from './screens/Screen2';
import Screen3 from './screens/Screen3';
import Screen4 from './screens/Screen4';

const Tab = createBottomTabNavigator();

const App = () => {
  return (
    
              screenOptions={({ route }) => ({
          tabBarIcon: ({ color, size }) => {
            let iconName;
            switch (route.name) {
              case 'Screen1': iconName = 'home'; break;
              case 'Screen2': iconName = 'search'; break;
              case 'Screen3': iconName = 'notifications'; break;
              case 'Screen4': iconName = 'mail'; break; default: break;
            }
            return ;
          },
        })}
        
        tabBarOptions={{
          activeTintColor: 'blue',
          inactiveTintColor: 'gray',
          showLabel: false,
          tabStyle: styles.tabStyle,
        }}
      >
        
        
        
        
      
    
  );
};

const styles = StyleSheet.create({
  headerStyle: {
    height: 0,
  },
  tabStyle:{
    backgroundColor: 'white',
    marginTop: -40,
    borderTopColor: 'gray',
    borderRadius: 20,
  },
});

export default App; 

Есть вот такой код, я хочу сделать чтобы вся навигация была скругленной, но у меня скругляются только ячейки с иконками. Где мне надо подключить стили чтобы я мог стилизовать полностью навигацию?