react-native - 调整反应本机论文BottomNavigation中的图标大小

Question

我是 react-native-paper 的新手，正在尝试学习如何使用 BottomNavigation。我正在查看 react-native-paper文档中的示例，但无法确定如何增加其中一个图标的大小。

假设我有 5 个图标 [Album, Library, New, Favorite, Purchased] 并且想要创建中间图标 New 的大小，我该怎么做呢？

Answer 1

您必须为所需选项卡的图标提供自定义组件。根据文档，它使用材料社区图标。所以你可以简单地做到这一点。

导入材料communityicons

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

创建导航器时，您可以提供如下图标

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

您必须传递道具以确保传递颜色和其他道具。您可以在目录中看到完整的图标列表