使用框架开发直播系统app源码前端,UniApp知识汇总

发布来源:云豹科技
发布人:云豹科技
2022-02-14 10:00:29

UniApp是直播系统app源码前端开发使用的一个框架,安卓端、iOS端和各种小程序的前端开发都可以使用它。UniApp很好上手,直播app源码使用它开发前端后,几乎不再需要使用其他框架,可以减少一些开发成本。接下来,我就介绍一下使用UniApp需要知道的一些知识。

1.作用域

如下success方法内,有个外部方法 bookShareSuc();如果这里使用this.bookShareSuc()控制台会有报错,提示`bookShareSuc not is a function xxxx`;这中情况下需要在外部声明一个新变量that,并将this指向that然后再内部使用


that.bookShareSuc()
let that = this;
uni.share({
    provider: strProvider,
    scene: strScene,
    type: 0,
    href: strShareUrl,
    title: strShareTitle,
    summary: strShareSummary,
    imageUrl: strShareImageUrl,
    success: function(res) {
     console.log("success:" + JSON.stringify(res) + 'from==>' + that.shareFrom);
     if (that.shareFrom == 'read') {
      that.bookShareSuc();
     }
    },
    fail: function(err) {
     that.$u.toast(JSON.stringify(err));
     console.log("fail:" + JSON.stringify(err));
    },
    complete() {
     console.log('xxxxxxxx');
    },
})


2.input标签

1>input有默认宽度,当UI宽度大于默认值时,需要添加一个父视图,约束父视图所要呈现的宽度,然后设置input宽度100%;

2>关于键盘弹起 cursor  设置问题,每次需要先设置false有个延迟在设置为true否则只能第一次响应键盘弹起,后续操作此属性不起作用,但是设置了延迟之后有个UI体验问题,就是键盘会先收起再弹出;

3>页面softinputMode属性和input的adjust-position

当页面softinputMode属性为adjustResize时,input的adjust-position无效【安卓】;

当页面softinputMode属性为adjustPan时,input的adjust-position为false时【iOS12之前有问题】

解决方案:softinputMode设置为adjustPan;adjust-position设置为true【这是整个页面会随着键盘上移,体验差了点,但是对比前两者bug只能退而求其次】

以上内容,就是直播系统app源码在使用UniApp开发时,需要知道的一些知识点,如果想了解更多直播系统app开发的相关知识,可以关注一下我们。

声明:以上内容为云豹科技原创,未经作者本人同意,禁止转载,否则将追究相关法律责任www.yunbaokj.com

声明:
以上内容为云豹科技作者本人原创,未经作者本人同意,禁止转载,否则将追究相关法律责任