• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

react-navigation/material-bottom-tabs: A Material Design bottom tab navigator fo ...

原作者: [db:作者] 来自: 网络 收藏 邀请

开源软件名称(OpenSource Name):

react-navigation/material-bottom-tabs

开源软件地址(OpenSource Url):

https://github.com/react-navigation/material-bottom-tabs

开源编程语言(OpenSource Language):

TypeScript 96.4%

开源软件介绍(OpenSource Introduction):

This package has been moved to https://github.com/react-navigation/react-navigation/tree/4.x/packages/material-bottom-tabs


React Navigation Material Bottom Tabs

Bottom Navigation component following Material design guidelines to use with React Navigation. Uses the Bottom Navigation component from React Native Paper.

Installation

Open a Terminal in your project's folder and run,

yarn add react-navigation-material-bottom-tabs react-native-paper

If you're on a vanilla React Native project, you also need to install and link react-native-vector-icons.

yarn add react-native-vector-icons
react-native link react-native-vector-icons

If you don't want to install vector icons, you can use babel-plugin-optional-require to opt-out.

If you use Expo, you don't need to install vector icons. But you will need to make sure that your .babelrc includes babel-preset-expo:

{
  "presets": ["expo"]
}

If you don't use React Native Paper app, you should also add react-native-paper/babel to your .babelrc to avoid importing the whole library. See the Getting Started guide for more information.

Usage

import { createMaterialBottomTabNavigator } from 'react-navigation-material-bottom-tabs';

export default createMaterialBottomTabNavigator({
  Album: { screen: Album },
  Library: { screen: Library },
  History: { screen: History },
  Cart: { screen: Cart },
}, {
  initialRouteName: 'Album',
  activeColor: '#F44336',
});

Docs

Documentation can be found on the React Navigation website.




鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap