taro+react+ts 小程序
写了两个月的微信小程序,大概总结一下;
- 缓存:Taro本身自带的API就有,在页面来回跳转时,可以灵活应用添加缓存,清除缓存,达到获取数据的目的
- 路由跳转:使用API中的路由跳转,需要注意的是navigateTo会在页面的头部导航具有返回键,而redirectTo则不会有返回键,但会多一个返回首页的小房子,navigateBack这是自定义的某个按键点击时返回上一页,通过delta可以定义返回的页面,文档中说delta 大于现有页面数,则返回到首页,具体操作时并不管用。当其他的路由跳转目前还没有用到过。
- 自定义头部导航:可以在当前文件夹中命名与该文件名相同的config.js文件,查阅官方文档可以使custom就可以实现一个自定义的导航头
- 使用声网sdk完成音视频直播:需要实例化一个播放,根据声网的参数,获取声网推流的url,之后获取远端流的uid,以及url,添加播放到自己的推拉流url中。
页面配置
根路径(app.config.ts)配置我们所需要写的页面
分包(subPackages): root一定要写明 ,pages分包页面
react中的setstate
是一个异步操作,我们通常想要将输入框中的值获取到完整,那么setstate将不会获取完整,我们可以选择两种方式:
1.直接将输入框中的值选取,不进行存储到一个变量
2.输写函数,构造一个函数,参数(action,value),我们将输入框中的值,传入改构造函数中构造函数进行本地缓存,重新定义一个存放值的变量,根据action存储我们的值
父传子
页面ui变化要有value的变化,所以一定要在组件之间传递value的变化
页面头部导航重构
重新书写taro小程序的头部,一定要在该页面下配置相应的config全局。配置全局文件名要和页面文件名一致,否者配置不成功。(在该页面内书写抛出文件名。
config={
navigationBarTitlteText:'',
navigationStyle:'coustom'
})
获取导航栏高度,使用taro的api获取胶囊对象
(截图自别的文章)