Ionic Native
Ionic Native对开源的Cordova插件进行了封装,让我们更容易的在Ionic中使用Cordova插件。Ionic Native将Cordova封装成Promise or Observable的对象,并为所有的插件提供一个通用的接口。让我们更方便的在Ionic调用手机原生的功能。Cordova能实现的功能在Ionic中都可以实现。
Ionic Native is a curated set of community-created wrappers for Cordova plugins that makes adding native functionality to an Ionic app easy. Ionic Native wraps Cordova plugins in a Promise or Observable, providing a common interface for all plugins, and dealing with Angular's change detection.
基于Angular的Ionic Native使用方法(Usage with Angular apps)
To use a plugin, import and add the plugin injectable to a @NgModule
. For Angular, the import path should end with /ngx
.
// app.module.ts
import { Camera } from '@ionic-native/camera/ngx';
...
@NgModule({
...
providers: [
...
Camera
...
]
...
})
export class AppModule { }
After the plugin has been declared, it can be imported and injected like any other service.
import { Geolocation } from '@ionic-native/geolocation/ngx';
import { Platform } from '@ionic/angular';
@Component({ ... })
export class MyComponent {
constructor(private geolocation: Geolocation, private platform: Platform) {
platform.ready().then(() => {
// get position
geolocation.getCurrentPosition().then(pos => {
console.log(`lat: ${pos.coords.latitude}, lon: ${pos.coords.longitude}`)
});
// watch position
const watch = geolocation.watchPosition().subscribe(pos => {
console.log(`lat: ${pos.coords.latitude}, lon: ${pos.coords.longitude}`)
this.position = pos;
});
// to stop watching
watch.unsubscribe();
});
}
}
基于Angular的Ionic Native在ES2015 以及TypeScript中的用法 (Usage with ES2015+/TypeScript)
Ionic Native can also be used a vanilla JS app with ES2015+/Typescript. To use any plugin, import the class from the appropriate package, and use it's static methods.
import { Camera } from '@ionic-native/camera';
document.addEventListener('deviceready', () => {
Camera.getPicture()
.then(data => console.log('Took a picture!', data))
.catch(e => console.log('Error occurred while taking a picture', e));
});
Ionic4常用插件集合
- Ionic4 多点触控 3D Touch 插件
- Ionic4 ABBYY Real-Time Recognition 插件
- Ionic4 AES256加密 插件
- Ionic4 底部弹出框Action Sheet 插件
- Ionic4 AdMob Free 插件
- Ionic4 AdMob Plus 插件
- Ionic4 AdMob Pro 插件
- Ionic4 Admob 插件
- Ionic4 支付宝支付 Alipay 插件
- Ionic4 媒体播放插件 Analytics Firebase 插件
- Ionic4 媒体播放 Android ExoPlayer 插件
- Ionic4 安卓指纹认证 Android Fingerprint Auth 插件
- Ionic4 全屏 Android Full Screen 插件
- Ionic4 Android权限检测 Android Permissions 插件
- Ionic4 Answers 插件
- Ionic4 判断应用是否安装 App Availability 插件
- Ionic4 App Center Analytics 插件
- Ionic4 App Center Crashes 插件
- Ionic4 消息推送插件App Center Push 插件
- Ionic4 最小化应用App Minimize 插件
- Ionic4 App Preferences 插件
- Ionic4 App Rate 插件
- Ionic4 应用更新 App Update 插件
- Ionic4 获取应用版本 App Version 插件
- Ionic4 苹果支付 Apple Pay 插件
- Ionic4 苹果钱包 Apple Wallet 插件
- Ionic4 Appodeal 插件
- Ionic4 Appsflyer 插件
- Ionic4 Autostart 插件
- Ionic4 蓝牙插件BLE 插件
- Ionic4 Background Fetch 插件
- Ionic4 后台定位Background Geolocation 插件
- Ionic4 防止后台睡觉 Background Mode 插件
- Ionic4 背后照明Backlight 插件
- Ionic4 徽章Badge 插件
- Ionic4 百度推送Baidu Push 插件
- Ionic4 二维码扫描Barcode Scanner 插件
- Ionic4 Base64 转化成图片Base64 To Gallery 插件
- Ionic4 文件转换成Base64 插件
- Ionic4 电量Battery Status 插件
- Ionic4 BlinkUp 插件
- Ionic4 蓝牙 Bluetooth Serial 插件
- Ionic4 低功耗蓝牙BluetoothLE 插件
- Ionic4 Braintree 插件
- Ionic4 BranchIo 插件
- Ionic4 屏幕亮度Brightness 插件
- Ionic4 通信Broadcaster 插件
- Ionic4 Browser Tab 插件
- Ionic4 日历Calendar 插件
- Ionic4 联系人 Call Directory 插件
- Ionic4 历史通话记录 Call Log 插件
- Ionic4 拨打电话 Call Number 插件
- Ionic4 Camera Preview 插件
- Ionic4 拍照Camera 插件
- Ionic4 Card IO 插件
- Ionic4 Chooser 插件
- Ionic4 Class Kit 插件
- Ionic4 CleverTap 插件
- Ionic4 剪切板 Clipboard 插件
- Ionic4 Cloud Settings 插件
- Ionic4 微软消息推送 Code Push 插件
- Ionic4 联系人Contacts 插件
- Ionic4 Couchbase Lite 插件
- Ionic4 Crashlytics 插件
- Ionic4 图片剪切Crop 插件
- Ionic4 获取麦克风分贝 DB Meter 插件
- Ionic4 DNS 插件
- Ionic4 日历Date Picker 插件
- Ionic4 Deeplinks 插件
- Ionic4 Device Accounts 插件
- Ionic4 Device Feedback 插件
- Ionic4 Device Motion 插件
- Ionic4 加速度 Device Orientation 插件
- Ionic4 设备 Device 插件
- Ionic4 检测硬件 Diagnostic 插件
- Ionic4 弹出框Dialogs 插件
- Ionic4 文档查看器Document Viewer 插件
- Ionic4 下载文件Downloader 插件
- Ionic4 Email Composer 插件
- Ionic4 Estimote Beacons 插件
- Ionic4 Extended Device Information 插件
- Ionic4 FCM 插件
- Ionic4 FTP 插件
- Ionic4 Facebook 插件
- Ionic4 文件选择File Chooser 插件
- Ionic4 文件加密File Encryption 插件
- Ionic4 打开文件File Opener 插件
- Ionic4 File Path 插件
- Ionic4 文件传输File Transfer 插件
- Ionic4 文件File 插件
- Ionic4 Fingerprint AIO 插件
- Ionic4 Firebase Analytics 插件
- Ionic4 Firebase Authentication 插件
- Ionic4 Firebase Config 插件
- Ionic4 Firebase Dynamic Links 插件
- Ionic4 Firebase Messaging 插件
- Ionic4 Firebase 插件
- Ionic4 手电筒Flashlight 插件
- Ionic4 Flurry Analytics 插件
- Ionic4 高德定位Gao De Location 插件
- Ionic4 Geofence 插件
- Ionic4 定位Geolocation 插件
- Ionic4 Globalization 插件
- Ionic4 Google Analytics 插件
- Ionic4 Google Nearby 插件
- Ionic4 Google Play Games Services 插件
- Ionic4 Google Plus 插件
- Ionic4 陀螺仪 Gyroscope 插件
- Ionic4 原生HTTP 插件
- Ionic4 任务栏导航颜色Header Color 插件
- Ionic4 Health Kit 插件
- Ionic4 Health 插件
- Ionic4 热更新Hot Code Push 插件
- Ionic4 热点网络Hotspot 插件
- Ionic4 服务器Httpd 插件
- Ionic4 HyperTrack 插件
- Ionic4 IBeacon 插件
- Ionic4 图片多选Image Picker 插件
- Ionic4 图片剪切Image Resizer 插件
- Ionic4 In App Browser 插件
- Ionic4 In App Purchase 2 插件
- Ionic4 In App Purchase 插件
- Ionic4 In App Review 插件
- Ionic4 Index App Content 插件
- Ionic4 睡眠 Insomnia 插件
- Ionic4 Instagram 插件
- Ionic4 Intel Security 插件
- Ionic4 对讲机 Intercom 插件
- Ionic4 Is Debug 插件
- Ionic4 Jins Meme 插件
- Ionic4 键盘 Keyboard 插件
- Ionic4 指纹 Keychain Touch Id 插件
- Ionic4 Keychain 插件
- Ionic4 相机预览LastCam 插件
- Ionic4 Launch Navigator 插件
- Ionic4 Launch Review 插件
- Ionic4 Line Login 插件
- Ionic4 LinkedIn 插件
- Ionic4 本地通知Local Notifications 插件
- Ionic4 更改位置 Location Accuracy 插件
- Ionic4 MS ADAL 插件
- Ionic4 Market 插件
- Ionic4 媒体 Media Capture 插件
- Ionic4 媒体 Media 插件
- Ionic4 Mixpanel 插件
- Ionic4 Mobile Accessibility 插件
- Ionic4 音频控制Music Controls 插件
- Ionic4 NFC 插件
- Ionic4 Native Audio 插件
- Ionic4 Native Geocoder 插件
- Ionic4 原生键盘Native Keyboard 插件
- Ionic4 页面切换Native Page Transitions 插件
- Ionic4 手机铃声 Native Ringtones 插件
- Ionic4 本地存储 Native Storage 插件
- Ionic4 导航栏 Navigation Bar 插件
- Ionic4 网络接口 Network Interface 插件
- Ionic4 网络 Network 插件
- Ionic4 OneSignal 插件
- Ionic4 调用系统设置 Open Native Settings 插件
- Ionic4 检索车牌OpenALPR 插件
- Ionic4 PayPal 插件
- Ionic4 计步Pedometer 插件
- Ionic4 Phonegap Local Notification 插件
- Ionic4 图片库Photo Library 插件
- Ionic4 图片预览 Photo Viewer 插件
- Ionic4 Pin Check 插件
- Ionic4 Pin Dialog 插件
- Ionic4 Pinterest 插件
- Ionic4 电源管理 Power Management 插件
- Ionic4 打印 Printer 插件
- Ionic4 Pro 插件
- Ionic4 消息推送 Push 插件
- Ionic4 腾讯互联 QQSDK 插件
- Ionic4 扫码 QR Scanner 插件
- Ionic4 Regula Document Reader 插件
- Ionic4 Rollbar 插件
- Ionic4 发送短信 SMS 插件
- Ionic4 数据库 SQLite Porter 插件
- Ionic4 数据库 SQLite 插件
- Ionic4 Safari View Controller 插件
- Ionic4 锁定屏幕方向 Screen Orientation 插件
- Ionic4 捕捉屏幕截图 Screenshot 插件
- Ionic4 本地存储 Secure Storage 插件
- Ionic4 Sensors 插件
- Ionic4 Serial 插件
- Ionic4 摇一摇 Shake 插件
- Ionic4 获取Sim卡信息 Sim 插件
- Ionic4 Siri Shortcuts 插件
- Ionic4 本地分享 Social Sharing 插件
- Ionic4 语音识别Speech Recognition 插件
- Ionic4 SpeechKit 插件
- Ionic4 Spinner Dialog 插件
- Ionic4 启动画面Splash Screen 插件
- Ionic4 数据库Sqlite Db Copy 插件
- Ionic4 StarPRNT 插件
- Ionic4 状态栏 Status Bar 插件
- Ionic4 Stepcounter 插件
- Ionic4 Streaming Media 插件
- Ionic4 Stripe 插件
- Ionic4 Taptic Engine 插件
- Ionic4 Tealium 插件
- Ionic4 TealiumAdIdentifier 插件
- Ionic4 TealiumInstallReferrer 插件
- Ionic4 文本转换语音Text To Speech 插件
- Ionic4 浏览器插件 Themeable Browser 插件
- Ionic4 弹出框Toast 插件
- Ionic4 指纹扫描Touch ID 插件
- Ionic4 Twitter Connect 插件
- Ionic4 唯一标识Uid 插件
- Ionic4 唯一标识Unique Device ID 插件
- Ionic4 Uptime 插件
- Ionic4 User Agent 插件
- Ionic4 振动Vibration 插件
- Ionic4 Video Capture Plus 插件
- Ionic4 视频编辑 Video Editor 插件
- Ionic4 视频播放 Video Player 插件
- Ionic4 Web Intent 插件
- Ionic4 Web Server 插件
- Ionic4 Webengage 插件
- Ionic4 微信支付 Wechat 插件
- Ionic4 WheelSelector Plugin 插件
- Ionic4 Youtube Video Player 插件
- Ionic4 扫码ZBar 插件
- Ionic4 Zeroconf 插件
- Ionic4 压缩减压Zip 插件
- Ionic4 hce 插件
- Ionic4 iOS DocumentPicker 插件
- Ionic4 iOS File Picker 插件
- Ionic4 jAnalytics 插件