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

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