Изменение размера значка в React native paper BottomNavigation

Question

Я новичок в react-native-paper и пытаюсь научиться использовать BottomNavigation. Я смотрю пример из документации response-native-paper , но не могу определить, как увеличить размер одного из значков.

Предположим, у меня есть 5 значков, [Альбом, Библиотека, New, Favorite, Purchased] и хотите увеличить размер среднего значка New, как мне go это сделать?

Answer 1

Вам нужно будет предоставить настраиваемый компонент для значка нужной вкладки. Согласно do c он использует значки материалов сообщества. Так что вы можете просто сделать это.

Import materialcommmunityicons

import MaterialCommunityIcons from 'react-native-vector-icons/MaterialCommunityIcons';

При создании навигатора вы можете предоставить значок, как показано ниже

   { key: 'music', title: 'Music', icon:(props)=> <MaterialCommunityIcons {...props} name='queue-music' size={30}/> },

вы должны передать реквизиты чтобы убедиться, что цвет и другие реквизиты переданы. Вы можете увидеть полный список иконок в каталоге