Я хочу использовать более крупные значки в MaterialBottomTab, ориентированном на реакцию

Question

Я пытаюсь увеличить размер значков в нижней вкладке материалов. Но по умолчанию всякий раз, когда я устанавливаю размер больше 24, мои значки обрезаются, и мне нужно использовать размер 40. Есть ли способ изменить этот размер по умолчанию, не обрезая часть моих значков?

<Tab.Navigator
            initialRouteName="Home"
            activeColor="purple"
            inactiveColor="black"
            shifting={true}
            labeled={false}
            barStyle={{
                backgroundColor: "#00000000",
                borderTopWidth: 0,
                position: 'absolute',
                left: 0,
                right: 0,
                bottom: 30,
                height: 70}}
            >           
             <Tab.Screen
                name="Chat"
                component={Chat}
                options={{
                //tabBarColor: "#009387",
                tabBarLabel: 'Chat',               
                tabBarIcon: ({ color }) => (
                    <Icone name="chat" color={color} size={40} />
                ),
                }}
            /><Tab.Screen
            name="Home"
            component={Home}
            options={{
            //tabBarColor: "#694fad",
            tabBarLabel: 'Home',
            tabBarIcon: ({ color }) => (
                <Icone name="map-marker" color={color} size={40} />
            ),
            }}
        />

        <Tab.Screen
            name="Events"
            component={Events}
            options={{
            //tabBarColor: "#d02860",    
            tabBarLabel: 'Events',
            tabBarIcon: ({ color }) => (
                <Icone name="menu" color={color} size={40} />
            ),
            }}
        />
    </Tab.Navigator>