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.插件包目录结构

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

4.IOS插件包--方法

使用插件包：

<div ref="btn" text="截屏" @click="shot"></div>

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

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

 

WQCodeScanner实现界面功能编写

使用插件包：

<div>     
     <qr ref="qr" style="position: absolute;top: 0;left: 0;right: 0;bottom: 0">
     </qr>
</div>

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

插件添加

weexplus plugin add xxxx 

xxx为GitHub下载插件包地址

插件删除

weexplus plugin remove xxxx

 xxx插件名称