Weexplus--IOS插件包开发

插件的创建

插件开发教程视频:https://v.youku.com/v_show/id_XNDI0MDIwMjg4OA==.html?spm=a2h0j.11185381.listitem_page1.5!2~A

1.创建新的插件

weexplus plugin create XXX(插件名称)

执行完命令后,在plugins文件夹下会生成相应的插件名称文件,该文件包括Android和IOS平台的原生初始化代码

2.创建IOS平台插件包

weexplus open ios

执行完命令后,自动打开本地已经安装配置好的Xcode开发工具  

3.插件包目录结构

Weexplus--IOS插件包开发_第1张图片

WXQrscanComponent主要用来创建界面组件;WXQrscanModule主要是封装调用原生系统的方法

4.IOS插件包--方法

Weexplus--IOS插件包开发_第2张图片

使用插件包:

shot(){
    let shot=weex.requireModule('shot')               
    shot.shot(this.$refs.btn,(p)=>{
    this.src=p.path
    })
}

5.IOS插件包--界面组件

 Weexplus--IOS插件包开发_第3张图片

WQCodeScanner实现界面功能编写

Weexplus--IOS插件包开发_第4张图片

使用插件包:

this.$refs.qr.scan((res)=>{
             this.text=res.res
              this.toast(this.text)
 
      })

插件添加

weexplus plugin add xxxx 

xxx为GitHub下载插件包地址

插件删除

weexplus plugin remove xxxx

 xxx插件名称

你可能感兴趣的:(前端)