Как установить backgroundColor вкладки, когда ему присвоен borderRadius?

Question

Я хочу установить tabBar из borderRadius 30 и установить backgroundColor из tabBar, но проблема в том, что в tabBar есть белый цвет фона, даже если я установил backgroundColor в другой цвет! Как это решить?

tabBarOptions: {
  showIcon: true,
  showLabel: false,
  activeTintColor: '#333645',
  inactiveTintColor: 'grey',
  style: {
    backgroundColor: '#FEB6B9',
    height: 50,
    borderRadius: 30,
    marginBottom: 10
  }
}

Answer 1

Я нашел другой обходной путь для удаления пробелов, чтобы его можно было использовать как для iOS, так и для Android

const DEVICE_WIDTH = Dimensions.get('window').width;

    const BottomTabNavigator = createBottomTabNavigator({
        HomeScreenStack,

        },
        {
            tabBarOptions: {
                style:{
                  borderRadius:50,
                  backgroundColor:"tomato",
                  position:'absolute',
                  bottom: 10,
                  padding:10,
                  width: DEVICE_WIDTH -30,
                  left:15,
                  right:15,
                  height: 54,
                  alignItems:'center',
               }
            }
        }
    )