uniapp开发App(iOS、Android、鸿蒙Next)之配置pages.json 页面路由(三)

pages.json 文件用来对 uni-app 进行全局配置,决定页面文件的路径、窗口样式、原生的导航栏、底部的原生 tabbar 等。

导航栏高度为 44px (不含状态栏),tabBar 高度为 50px (不含安全区)。

它类似微信小程序中app.json的页面管理部分。注意定位权限申请等原属于app.json的内容,在 uni-app 中是在 manifest 中配置。

配置项列表

官方文档

实际项目情况配置

这里APP分为四个模块,那么就需要配置四个tabbar

bash 复制代码
	"pages": [
		{
			"path": "pages/tabbar/device/device",
			"style": {
				"navigationStyle": "custom",
				"disableSwipeBack": true,  // 禁止滑动返回
				"app-plus": {
					"bounce": "vertical",
					"titleNView": false
				}
			}
		},
		{
			"path": "pages/tabbar/shopMall/shopMall",
			"style": {
				"navigationStyle": "custom",
				"disableSwipeBack": true,  // 禁止滑动返回
				"app-plus": {
					"bounce": "vertical",
					"titleNView": false
				}
			}
		},
		{
			"path": "pages/tabbar/wallect/wallect",
			"style": {
				"navigationStyle": "custom",
				"disableSwipeBack": true,  // 禁止滑动返回
				"app-plus": {
					"bounce": "vertical",
					"titleNView": false
				}
			}
		},
		{
			"path": "pages/tabbar/my/my",
			"style": {
				"navigationStyle": "custom",
				"disableSwipeBack": true,  // 禁止滑动返回
				"app-plus": {
					"bounce": "vertical",
					"titleNView": false
				}
			}
		}
	],
	"subPackages": [
		{
			"root": "pages/device",
			"pages": [
				{
					"path": "",
					"style": {
						
					}
				}
			]
		}
	]
相关推荐
-SOLO-10 小时前
停止gradle命令
android
_祝你今天愉快10 小时前
Android Binder 驱动 - 启动 ServiceManager 进程
android
农村小镇哥10 小时前
ThinkPHP-MVC什么是框架
android
换元不配限11 小时前
Jetpack Compose 状态管理指南
android·状态管理·compose·状态·单向数据流·jetpack compose·状态容器
爱笑鱼14 小时前
JNI(二):Java 里的一个 long,为什么能找到 C++ 对象?
android
爱笑鱼14 小时前
JNI(一):nativePollOnce() 到底去了哪里?
android
hqk16 小时前
玩Android×AI Coding:从产品到代码,完整跑通一套 AI 软件研发工作流
android·ai编程·vibecoding
LDyun_16 小时前
2026暑期云手机选型指南:从稳定性、成本到风控六大核心评判维度
arm开发·ios·智能手机·安卓·玩游戏
安卓修改大师17 小时前
安卓修改大师实战:深入解析Android主题Theme修改与沉浸式界面实现
android
齊家治國平天下18 小时前
CarService 深度解析 —— 基于 Android 14
android·车载系统·aaos·carservice·电源管理·android 14·vhal