Kindly note that we filter out plugins that:
$ tns plugin add nativescript-vue
This plugin integrates Vue and NativeScript, allowing you to build cross-platform iOS and Android apps using Vue.
This project is in its very early stages, so please don't try to use it for any actual applicationsâ€”yet ðŸ˜„
If you feel like contributing to this project, thatâ€™s awesome! Start by reading this repoâ€™s CONTRIBUTING.MD file for details on the required development setup, how to send pull requests, and how to run this repoâ€™s sample app.
If youâ€™d like to get involved with making Vue integration for NativeScript happen, join us in the #vue channel on the NativeScript community Slack.
Plugins work as in any other NativeScript app, but you may wonder how UI plugin would work with Vue.
UI plugins work almost identical to how you'd use a NativeScript UI plugin in an Angular app. For instance consider this example usage of nativescript-gradient which is used in the listview sample:
Install the plugin by running this command in the samples folder:
tns plugin add nativescript-gradient
Open your vue file and right after the imports at the top, do:
Vue.registerElement("gradient", () => require("nativescript-gradient").Gradient);
Then in your view template, add this to recreated the gradient in the sample:
<gradient direction="to right" colors="#FF0077, red, #FF00FF" class="p-15">
<label class="p-5 c-white" horizontalAlignment="center" text="My gradients are the best." textWrap="true"></label>
<Label class="p-5 c-white" horizontalAlignment="center" text="It's true." textWrap="true"></Label>
Popularity metric based on:
Quality metric based on:
Maintenance metric based on: