nativescript-vue | Native mobile applications using Vue and NativeScript | Mobile library

I implemented the nativescript-firebase (https://github.com/EddyVerbruggen/nativescript-plugin-firebase) plugin in my mobile app. It used to work fine but since I updated to the 11.1.3 version I cannot get the push token. I tried to get back to the 10.6.3 version but it says it is not available anymore when I execute npm install.

Here is what I do in my main.js

I just created a blank Nativescript Vue project (Typescript) and tried to bind a string to the type attribute of a Label - does not work (style gets completely ignored). I also tried in Nativescript Playground, same result.

Example Code is:

I'm new to vue, trying to display items inside array in the list

Vue component:

I'm considering using NativeScript-Vue v7.0 for production use and looking into its validation features of data form.

I suppose RadDataForm would be an appropriate component for customizing validation rules, but the documentation following is for NativeScript v6.0, and the source code displayed is corrupted.

https://docs.nativescript.org/vuejs/ns-ui/dataform/dataform-validation

Is there any complete sample code that implements regex-based validation rules and customized error messages?

Playground example: https://play.nativescript.org/?template=play-vue&id=FZ3GR1&v=4

I'm using Nativescript-Vue on an Android device, if you type a value into the first textfield and then press enter, focus is moved to the second textfield.

How do I stop this? I do not want the focus to change at all as I will be handling the Enter keypress. I can move the focus back but I would rather it didn't move at all.

I feel I'm missing something very obvious!?

I created the project using this command vue init nativescript-vue/vue-cli-template

this is the command I used to debug ns debug ios/android

this used to work in the previous version out of the box

After researching, I found that this domainDebugger.getNetwork() returns undefined ( dont know if its the reason and if so how to fix it).

Its located here: node_modules/@nativescript/core/http/http-request/index.ios.js

Added the current package JSON

I am creating a BottonShet component in Nativescript-Vue. The problem I have is the following:

Uploading the frame using translateY or animation behaves differently on iOS and Android.

I have a component:

In the botton sheet I have an element that is 150 high. If I apply a

frame.translateY = Screen.mainScreen.heightDIPs - 150

in android it reaches a high and in ios it reaches another. What's going on here? How can I calculate a height so that it is the same in all phones from 150 and the screen height?

In this documentation it says that the translate of the animation is measured in DIPs so this should work well on all devices.

In the mentioned tutorial, it makes an if to apply one height or another depending on the platform, I don't want that, I want to be able to calculate so I don't have to be testing on all devices.

Thanks a lot.

Could someone please help me to put a text inside a Donut Chart in NativeScript? I use Nativescript-Vue with standard plugin nativescript-ui-chart. In the documentation there is an example of a Donut Chart with a text inside, like a calculated value from the series. I cannot find a way to build the same of any live example of it.

Example: Text inside Donut Chart

Here is my code of Donut Chart:

I'm using NativeScript-vue.

I want to use WebView to display an HTML file in a local asset.

src/components/App.vue: