问在react native paper BottomNavigation中调整图标大小
EN

Stack Overflow用户

提问于 2020-06-21 09:26:24

回答 1查看 849关注 0票数 1

我是第一次接触react-native-paper，并且正在尝试学习如何使用BottomNavigation。我正在看来自react-native-paper documentation的示例，但无法确定如何增加其中一个图标的大小。

假设我有5个图标，相册，库，新建，收藏，购买，并想增加中间图标的大小，新建，我该怎么做呢？

发布于 2020-06-21 12:17:02

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

导入材料公用图标

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

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

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

你必须传递道具以确保颜色和其他道具被传递。您可以在directory中查看完整的图标列表

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/62493506

复制

相似问题

问在react native paper BottomNavigation中调整图标大小EN