100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > Ionic Native 介绍

Ionic Native 介绍

时间:2024-01-19 12:35:55

相关推荐

Ionic Native 介绍

Ionic Native是一个为Cordova/PhoneGap打造的一款TypeScript打包器。它的作用在于可以在你ionic2移动端应用上添加任何你想要的原生app的功能。

Ionic Native 包装的插件回调函数处于一个promise或者Observable里,

它会给所有的插件提供一个公共接口,并确保在Angular2中原生事件触发会被检测到。

我们分析一下下面一段代码:

import { Geolocation } from '@ionic-native/geolocation';//引入ionic-native第三方包中的 地理import { Platform } from 'ionic-angular';//从ionic-angular中引入Platform Promise函数class MyComponentOrService {constructor(private platform: Platform, private geolocation: Geolocation) { //给构造函数传入插件,并赋值声明2个私有变量platform.ready().then(() => { // 调用插件的getCurrentPostion()方法,通过then()方法获取返回值。geolocation.getCurrentPosition().then(pos => {console.log('lat: ' + pos.coords.latitude + ', lon: ' + pos.coords.longitude);});//创建一个监听器,每一次数值改变这个监听器都会输出新值const watch = geolocation.watchPosition().subscribe(pos => {console.log('lat: ' + pos.coords.latitude + ', lon: ' + pos.coords.longitude);});//关闭监听watch.unsubscribe();});}}

安装核心包裹

npm install @ionic-native/core --save

注意:Ionic Native 核心包在Ionice 2中已经默认安装过了。

安装所需的插件

也就是安装@ionic-native/非核心包,比如我要安装一个相机插件:

ionic plugin add cordova-plugin-camera

所有包裹的名称都是基于插件的名称。

由于这些插件都是属于服务型模块,所以都会放在NgModule的providers的数组中。

import { Camera } from '@ionic-native/camera';...@NgModule({...providers: [...Camera...]...})export class AppModule { }

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。