Ionic 2 自定义插件typescript用法

来源:互联网 发布:excel 显示重复数据 编辑:程序博客网 时间:2024/06/03 23:48

由于项目中需要封装一个自定义插件,突然发现在ionic1中使用正常的插件2中没办法使用了,google了半天找到了官方的文档。

折腾了好久,终于可以使用自定义插件了,虽然方法有点坑。

主要步骤如下:

1. fork官方的ionic-native项目,并按照规则添加自己插件的class,可以参考其它插件的写法。

2. 在index.ts中添加相应的window变量

3. npm run build并且将dist目录替换ionic2中ionic-native对应的dist目录

4. 在ionic2项目中使用:

import {MyPluginClass} from 'ionic-native';

MyPluginClass.pluginMethod();


注意:

1. Plugin参数设置如下

@Plugin({
  plugin: 'your-plugin-id',
  pluginRef: '这里填写插件plugin.xml中clobbers对应的值',
  platforms: ['Android', 'iOS']
})

如果上面的内容填写错误可能就会提示插件未安装。

2. 如何上传插件传送门

3. 官方现在提供了生成插件类的命令: 

gulp plugin:create -n PluginName


0 0
原创粉丝点击