首页 > 其他 > 详细

原生态ionic-native插件

时间:2018-04-02 12:33:12      阅读:228      评论:0      收藏:0      [点我收藏+]

ionic-native插件
cordova安装插件 以及 ionic-native插件
使用过程以及步骤

  1. cordova plugin add cordova-plugin-插件名称。 //安装插件
  2. npm install @ionic-native/对应插件名称 --save。 //写入package.json
  3. 在app.module.ts 的 providers 进行引用

解释:
cordove plugin add ... 安装的文件会在项目的plugins文件夹下
npm install @ionic-native/对应插件名称 --save
--save作用:会将该native插件的内容写入package.json文件中,在多人协同开发的时候别人就可以直接npm install 就可以直接安装了,会在node_module目录中的@ionic-native目录下

还值得注意的是:
如果单纯的使用cordova plugin add ...安装了插件的话是不能引用到的,因为ts不能引用到js哦。
解决方式是:添加一个xx.d.ts文件即可。(暂没遇到过)

官方地址:https://ionicframework.com/docs/native/
增加cordova: npm i -g cordova
常用:

ionic cordova plugin add cordova-plugin-camera
npm install @ionic-native/camera --save

ionic cordova plugin add cordova-plugin-device
npm install @ionic-native/device --save

ionic cordova plugin add cordova-plugin-app-version
npm install @ionic-native/app-version --save

ionic cordova plugin add cordova-plugin-geolocation
npm install @ionic-native/geolocation --save

ionic cordova plugin add cordova-plugin-geolocation
npm install @ionic-native/geolocation --save

ionic cordova plugin add cordova-plugin-screen-orientation
npm install --save @ionic-native/screen-orientation

=====参考博客====

https://www.jianshu.com/p/4710cac028e5

 

原生态ionic-native插件

原文:https://www.cnblogs.com/Rampage/p/8692171.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!