关于uniapp的总结

一 .开发过程中项目出现得问题

tabbar导航栏问题

在写项目的时候前期需求要求底部导航栏中间部分凸起，样式为一个蓝色的圈圈，而原生的uniapp不支持自定义底部导航栏，于是需要进行自定义修改。

解决方法

在uniapp官网的插件市场中，根据别人写的插件，使用非原生的方式自行实现底部导航栏和页面跳转（此时pages.json对底部导航栏的功能将不再使用）。

路径跳转出现问题

1、
在使用navigator标签还有uni.navigateTo的时候，页面跳转不成功，pages.json中已经注册过相应页面，没有反应。
解决方法：
在路径前边加上 / 而不使用 …/

2、
自定义底部导航栏，在页面跳转之后，原来没有返回按钮的页面出现了返回按钮。 解决方法：
将跳转方法改为返回方法，即将navigateTo改为navigateBack。

二 . 从uniapp使用的开发软件，到创建，到运行，如何打包不同平台的代码，如何打包apk，云打包，如何运行在不同的端

使用软件

我自己是在HBuilder X中开发

创建uniapp项目

运行uniapp项目

如何打包不同平台的代码
1.需要使用编辑器HBuilder X，和掌握uniapp语法来编写
2.写完以后如何打包上线
先要点击util文件夹下的manifest.json文件完成项目配置
然后点击发行就可以打包成各种类型的版本了

如何打包apk

云打包，如何运行在不同的端
1. uni-app 云打包流程:

• 发行 -> 原生app云打包 -> 使用DCloud公用证书 -> 输入包名 -> 去除广告选项 -> 打包

• （如果显示已经成功上传到云平台，只需要等待打包的结果即可） - 打包的结果会显示在控制台内，打包成功就会返回一个网址，从网址中可以下载打包的apk文件 如果失败

• 很多时候是manifeast.json文件没有配置成功

2. uni-app mainfeast.json文件配置方法

• 基础配置中： uni-app标识符(可以云端自动获取)，应用名称(最后显示在- 手机上的应用名称), 版本号什么的自己填即可
• app图标配置，在手机上显示的你的app的图标,导入后点击自动生成，即可将所有端的app图标都自动生成
• 启动sdk的配置，例如地图，进入高德地图的开发者官方自己申请一个即可

三. uniapp怎么进行路由跳转

一、uni.navigateTo(OBJECT)
保留当前页面（跳转新的页面），跳转到应用内的某个页面，使用uni.navigateBack可以返回到原页面（非tabBar注册页面使用该方法）

methods: {
   
	toPath(){
   
		//跳转非pages.json>tabbar>配置过的页面，使用navigateTo
		//跳转时保留老页面，一般用于需要返回
		uni.navigateTo({
   
			url:"../one/one"
		})
	}
}

二、uni.redirectTo(OBJECT)
关闭当前页面，跳转到应用内的某个页面。（url参数必须填写）

methods: {
   
			toPath(){
   
				uni.redirectTo({
   
					url:"../two/two"//关闭当前页面跳转到two页面
				})
			}
		}

三、uni.reLaunch(OBJECT)
关闭所有页面，打开到应用内的某个页面。（url参数必须填写）

uni.reLaunch({
   
    url: 'test?id=1'//带参数(如果跳转的页面路径是 tabBar 页面则不能带参数)
});
export default {
   
    onLoad: function (option) {
   
        console.log(option.id);
    }
}
**

四、uni.switchTab(OBJECT)**
跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面（url参数必须填写）
跳转到 tabBar 页面只能使用 switchTab 跳转

methods: {
   
	toPath