百科.dev
全部条目在线工具AI 编程趋势榜开源项目技术资讯提交条目
登录
< 返回工具列表
R

react-native-tab-navigator

> 编程语言
开源

一个用 JS 编写的可在不同平台上支持的场景切换标签栏

2.4K stars0 点赞2 次浏览
访问官网GitHub

工具介绍

一个用 JS 编写的可在不同平台上支持的场景切换标签栏

TabNavigator 一个用于在不同场景之间切换的标签栏,它使用 JS 编写,可跨平台支持。它可在 iOS 和 Android 上运行。 此组件与 React Native 0.16 及更高版本兼容。 其外观和感觉与原生导航器略有不同,但在某些方面更好。此外,它是纯 JavaScript。 注意:这不是与 ExNavigation 中使用的 TabNavigation 组件相同,它们的 API 和实现略有不同 - React-native-tab-navigator 独立存在,不依赖其他导航库。 ## 演示 如需演示,请查看示例文件夹 安装 ------

确保您在 React Native 项目目录中,然后运行:

prop 默认值 类型 描述
sceneStyle 继承 对象 (样式) 为渲染场景定义
tabBarStyle inherited object (style) 定义 TabBar 的样式
tabBarShadowStyle 继承 对象 (样式) 定义 tabBar 的阴影样式
hidesTabTouch false boolean 禁用 Tab 的 onPress 透明度
TabNavigator.Item 属性

| prop | default | type | 说明 | | renderIcon | none | function | 返回项目图标 | | renderSelectedIcon | none | function | 返回选中的项目图标 | | badgeText | none | 字符串或数字 | 项目标记的文本 | | renderBadge | none | function | 返回项目标记 | | title | none | 字符串 | 项目标题 | | titleStyle | 继承 | style | 设置项目标题的样式 | | selectedTitleStyle | none | style | 设置

Issues· 0 开放

查看全部 Issues在 GitHub 打开

暂无开放 Issues,或尚未同步最近议题。

> 标签

JavaScript

暂无评论,来聊聊你的看法吧

> 工具信息

发布日期2026年8月1日
最后更新2026年9月17日
分类编程语言
定价开源

> 相关工具

T
TypeScript
JavaScript 的超集,为前端与全栈提供静态类型
P
Python
通用编程语言,广泛用于 Web、数据与 AI
G
Go
Google 推出的简洁高效系统语言