UPDATE: You may now find this plugin on GitHub
Many NativeScript developers are former hybrid developers. We grew up with the web, decided PhoneGap/Cordova was the best way to dip our collective toes into mobility, and saw the light when NativeScript arrived 🌞.
This also means we are either maintaining legacy hybrid apps, or hopefully starting down a migration path from Cordova to NativeScript.
TIP: If you’re a video learner, check out this free NativeScripting course on upgrading Cordova applications to NativeScript
The heavier lifting 🏋️ comes into play when migrating the UI layer and custom Cordova plugins that we've previously had to use to access native device features.
But of course we have solutions for you 😀! There are extensive docs and tutorials for learning how to create a truly native cross-platform UI layer. There is also an extensive plugins marketplace for you to discover equivalent plugins.
What about the scenario when you can't find an appropriate Cordova plugin, or maybe the NativeScript version's API is just too different for you to use?
cordova-nativescript-plugin, a soon-to-be-released plugin that allows you to use any existing Cordova plugin in your NativeScript apps. Currently in alpha phase (and only supporting Android at the moment, with iOS in the works) this plugin will be another bridge for those of you looking to migrate from Cordova.
Let's take a look at a real-world scenario for using this plugin with the Cordova image picker plugin and a simple NativeScript app.
Android Proof of Concept
You can follow along with this repo on GitHub.
Again, this plugin is in an early alpha stage as of this writing. And yes, iOS development is in progress!
The plugin itself contains all of the native files that are used to run Cordova plugins and the
before-prepare hook. This hook is responsible for finding all of the Cordova plugins inside your NativeScript project and transform them into NativeScript plugins.
The demo app has references to both
cordova-nativescript-plugin and to the
cordova-plugin-telerik-imagepicker Cordova plugin in its
With that brief setup out of the way, there are a few things we have to do in order to actually run the Image Picker plugin in a NativeScript view:
1) Require the
2) Require the
cordova-plugin-telerik-imagepicker Cordova plugin:
const imagePicker = cordova.require("com.synconset.imagepicker.ImagePicker").imagePicker;
TIP: The string inside
cordova.require is the id of the plugin -
com.synconset.ImagePicker - plus the name of the exported js-module from the plugin's
3) Execute the ImagePicker plugin with:
You can try this exact example yourself by running these commands in your terminal:
git clone https://github.com/NativeScript/nativescript-cordova-imagepicker-showcase
tns run android
Have I mentioned this is an early alpha view of the plugin!? 🤔
Obviously support for iOS is critical, bringing the "cross-platform" part of NativeScript back into play. We also hope to make it even easier for you to
require the Cordova plugin. But stay tuned as we will have a lot more to share about this exciting new opportunity for Cordova developers!