Questions tagged [nativescript-vue]

1

votes
1

answer
220

Views

NativeScript-Vue - Navigation from outside component

My application is receiving push notifications, when a push notification arrives, I would like to navigate to a specific component of the application. The problem is that the callback in which I'm handling the push notification is not a vue component and so I can't call this.$navigate. So I tryed to...
vratojr
1

votes
1

answer
29

Views

Bootstrapping a React renderer: how do I get a reference to the root view at app startup?

I'm creating a React renderer for NativeScript (i.e. to allow you to use React as a UI framework for NativeScript). ReactNativeScript.render() (equivalent to the more well known ReactDOM.render()) needs a root node (A.K.A. container) to render into. Thus, I need to get a reference to the application...
Jamie Birch
3

votes
2

answer
60

Views

NativeScript Vue - Conditional nativation based on user's login state

I'm using NativeScript-Vue. I have some pages that are protected (member-only). And I maintain my user's login data in localstorage. I have two questions: When a user opens the app, where in the application should we write the code to retrieve user's login data. I would like to read the data from t...
asanas
1

votes
1

answer
189

Views

nativescript-fonticon for nativescript-vue

I am trying to add the plugin: nativescript-fonticon I am currently stuck on the part where I have to convert the css file. In the readme it states that I have to configure my css and converter before I can start converting: import * as application from 'application'; import {TNSFontIcon, fonticon}...
Mennolp
1

votes
1

answer
376

Views

Debugging NativeScript-Vue when using vue-cli-template

I'm trying to figure out the right way to debug apps written in NativeScript-Vue AND using the 'vue-cli-template'. There are currently two templates supported: 1. 'nativescript-vue-template' This one is much simpler, and debugging it is easy. There is a useful answer on that already. The debugging...
aqualatus
1

votes
0

answer
48

Views

centering a label in a FlexboxLayout of nativescript-vue

In a flexbox layout i want to have an image on the left and a center label title on the right : in my case the label text is going to the right but is not center, any idea on how to do that ?
yoanncooljazz
1

votes
1

answer
245

Views

Nativescript: add icon and specify name

How would i add a custom icon with a given name to my nativescript project using the tns resources generate icons-command $tns resources generate icons ~/myfolder/myspecialicon.png Say i want the command to place the icon(s) in the correct folders maintaining the name myspecialicon.xxx instead of ju...
1

votes
0

answer
247

Views

Nativescript ClassNotFoundException: com.tns.NativeScriptActivity

Currently I am struggling with Nativescript Vue. At first it works just fine. But after installing some plugins it does not work anymore. I have attached the error message below. There is something I have noticed in the error logs. When gradle builds a project that does not work anymore there is a...
ll9X
1

votes
0

answer
64

Views

NativeScript: custom Splash screen with random image

How can I make custom splash screen for NativeScript application? I mean, custom java class (Activity), that will be shown while framework is loading. To be exact, I want to display randomly one of the images from assets directory, different at each launch. Default NativeScript configuration only a...
Egor
1

votes
0

answer
191

Views

How to add Font-awesome icon to tabview in Nativescript Vue platform

I'm trying to use font-awesome icon inside the TabView item. I am able to use this same code elsewhere in the page and it works fine. It just wont show any icon inside the tabview. In my main.js: import {TNSFontIcon, fonticon} from 'nativescript-fonticon'; TNSFontIcon.debug = true; TNSFontIcon.path...
Matt Staley
1

votes
2

answer
186

Views

Nativescript-Vue MobileApp: Axios return status:null and data:“”

I am making a native app using Nativescript-Vue,in my first component I am launching a simple post request, which is working for sure (I tested it on desktop version). But for a reason that I ignore there is a problem with the response. My response shows me that the request has been sent successfull...
Vikman
1

votes
1

answer
88

Views

Use Icon Fonts in TabViewItem - Nativescript-Vue

I have been searching for a clean way to use Font Icons (iconmoon in my case) for TabViewItem but have not found an answer. Does anyone know how to do it? I am using NativeScript-Vue. The ideal way of doing it would be by changing the iconSource with the font icon, but it does not work. Something li...
Hans
1

votes
0

answer
102

Views

Permission Denial: getCurrentUser() from pid=31277, uid=10259 requires android.permission.INTERACT_ACROSS_USERS

Manifest File device Galaxy s9 plus Steps to reproduce rm -rf platforms tns run android --bundle when the application launch it gives the following error *issue** System.err: java.lang.SecurityException: Permission Denial: getCurrentUser() from pid=31277, uid=10259 requires android.permission.INTERA...
Mulaffer
1

votes
0

answer
170

Views

How to enable the Back button when using WebView in Nativescript-Vue

I am a nativescript-vue novice developer. I am currently implementing the Android side code and I succeeded in inserting WebView. However, if I touched the back physical button on my phone, the app was terminated immediately. When I use WebView in Nativescript-Vue, when I touch the back button, I wa...
SengAm
1

votes
0

answer
13

Views

Conditional plugin dependency based on platform in Nativescript

Is it possible to have a conditional package.json dependency based on the platform being built for, or, some hook that excludes / includes a dependency based on platform, when building a Nativescript 5.1 project? My original plan was to use a Yarn alias to load 2 separate versions of a given package...
codinghands
1

votes
0

answer
33

Views

Is there any way to use pug compiler in template section of .vue file

As per title, is there a method to use pug in nativescript-vue? i tried adding pug and pug-plain-loader to project and modify webpack.config.js with { test: /\.pug$/, loader: 'pug-plain-loader' } but it doesn't work
user2277672
1

votes
0

answer
49

Views

How do I do a kiosk mode of the nativescript-vue project

nativescript-vue project on industrial android tablet (4.4.2), full-screen and kiosk how can I run in detail can you provide information? (helloworld application)
1

votes
1

answer
27

Views

Open Particular app page after click on push notification using onesignal and nativescript

I want to open particular component of nativescript app when user click on push notification sent by onesignal. How to do this using nativescrip-vue and onesignal??
Rushikesh Shirkar
0

votes
0

answer
3

Views

Get Image name and date taken - nativescript-imagepicker

I am new to NativeScript-Vue. In my app I have a feature to upload images I'm using nativescript-imagepicker to do that. In iOS, How can I get the image name and when it was taken. Below is the code I'm using. context .authorize() .then(function() { return context.present(); }) .then(selection => {...
Lucifer
0

votes
0

answer
3

Views

Nativescript Vue conditional v-template not working

I have a ListView which renders this: The second v-template block should be the one rendered if the index reaches last element of the array. This is the array I have: items: [1, 2, 3, 1, 1, 1 ,1 ,1 ,1 ] Whats being rendered on the page is rather the value of each element: 1, 2, 3, 1 ... in TextFiel...
Adis
0

votes
0

answer
11

Views

GridLayout in ScrollView - NativeScript

I am new to NativeScript. I have 4 images in my page and I want to achieve this. Except I want my cover image to be of full-height of the screen. This is the code I'm trying. If I didn't give height='100%' to StackLayout it's not even loading the images. If I do give it then there is no scroll. Her...
Lucifer
0

votes
0

answer
3

Views

Android app not permitting cleartext traffic inspite of adding xml permissions

I'm trying to access a development server API using nativescript-vue. I have added all the possible permissions in the android manifest, but it's giving the error: JS: Error: java.io.IOException: Cleartext HTTP traffic to url not permitted Here is my manifest: Here is the network_security_config.xml...
Teddomatic
1

votes
1

answer
280

Views

NativeScript WebView loading local resources in src document

I am loading a local html file as the src for a NativeScript WebView component. Contained within the html file are script tags which reference javascript files that are also local resources (bundled within the app). The html file loads into the WebView just fine, but the referenced script file (my...
CAJazzer
1

votes
1

answer
0

Views

How to enable v-model on custom component?

I'm trying to wrap a TexField ui to a new custom component so that I can add extra functionalities and reuse the component within the project. I want it to still have the v-model binding so I implemented the following: :text='text' and @textChange='(update)=>{$emit('textChange', update.value)}'...
Michael Erwin
1

votes
1

answer
0

Views

ListView in nativescript-vue slow to scroll

The listview is so slow when scrolling. It hits the bottom and bounces like it has run out of items to display. If you retry, it lets you scroll further. The same thing happens on the way back up the list. I load in my array of only 40 items using a vuex getter. computed: { history () { return this....
Vince Lowe
1

votes
1

answer
0

Views

nativescript-vue dataform does not update the source data

anyone can help? i have this one page app to show the problem: if you modify a field and then press 'save' at the top the changed field is not shown on the console... export default { data () { return { person: { name: 'John', age: 23, email: '[email protected]', city: 'New York', street: '5th Avenue...
Hans Bakker
1

votes
1

answer
0

Views

Store data to db using Nativescript-vue

I'm starting to learn Vue JS and now trying to learn in nativescript-vue. What should I do in order to have an offline DB where I can store my data without using internet connection. I heard about Firebase but I think I can't use my app if I don't have an internet connection. Thanks!
Imperatura
1

votes
1

answer
0

Views

Button attribute backgroundSize, backgroudRepeat, backgroundSize don't work

I use nativescript-vue. Could help me. Button attributes: backgroundSize, backgroudRepeat, backgroundSize don't work reproduce bug playground But if you set them through a class or style attribute, then it works. Thank's
b360124
1

votes
2

answer
0

Views

Can't Access Props in NativeScript Vue Modal

I'm using a modal to show a listView and I want to pass the list into the modal as an array. I call the modal, like so: this.$showModal(Picker, { props: { list: [ { name: 'Item 1' }, { name: 'Item 2' }, { name: 'Item 3' } ]}}); The modal loads fine, and I can see the props in the modal when I consol...
Kyle
1

votes
1

answer
0

Views

Which package is needed to import vue components?

I'm new to nativescript and 'npm-related' development development and trying to create my first NativeScript-Vue application, and have got some troubles. 1) First of all, when I use the import Vue from 'nativescript-vue'; syntax instead of const Vue = require('nativescript-vue'); I get such exceptio...
vlad
3

votes
1

answer
149

Views

How to call axios/api call in Nativescript application

I'm trying to build a small application on Nativescript-vue where I'm having backend laravel framework for api calls which needs to be called to get relevant data. For example if user wants to login he needs to validate its credentials through api oauth/token so I'm trying to call this through axios...
Nitish Kumar
1

votes
1

answer
29

Views

Global components usage to avoid code duplication (Nativescript-Vue)

My nativescript-vue app has a tabview in the bottom, a Stacklayout in the top for actionbar/header purposes with categories. I do not want to repeat the tabview and header in every page. How can I use these as global components and refresh the rest of the page in the middle if I change select differ...
arena
1

votes
1

answer
35

Views

Nativescript Vue TypeError: Cannot read property '0' of undefined

I have data from google_place_api, where the response data is json I have a problem with the application I'm working on, where errors occur when clicked or taped on photos (photos) not on google_place_api the following code that I made                                  ...
Jujur
0

votes
0

answer
5

Views

NativeScript Vue - Material Design Icons not showing

In assets/fonts, I have materialdesignicons-webfont.ttf and in assets/css, I have materialdesignicons.css. And finally in main.js, I have the following: import {TNSFontIcon, fonticon} from 'nativescript-fonticon'; TNSFontIcon.debug = true; TNSFontIcon.paths = { 'mdi': './assets/css/materialdesignico...
Sanjay
1

votes
1

answer
190

Views

NativeScript Vue + Fastlane - Custom iOS/Android project path?

I am considering using Fastlane with NativeScript Vue and wondering how I can setup the whole thing... Is someone know how to set iOS/Android project path instead of executing fastlane init on iOS/Android project folder? The problem is that NS build will override the folders where iOS/Android proje...
Monkey Monk
1

votes
1

answer
114

Views

Dynamically size Nativescript ContentView within ScrollView based on device height

I have a Nativescript Vue component template defined as: When the component is mounted, I want to set the height of mapContainer to roughly 75% of the screen height. To do so, I have: export default { name: 'MyPage', mounted () { this.$refs.mapContainer.height = platform.screen.mainScreen.heightDIPs...
codinghands
1

votes
1

answer
409

Views

Which is better vue-native or nativescript-vue?

I would like to start a mobile app with vue js.Can any one please suggest which framework i can choose between vue-native or nativescript-vue?
china veerreddy
1

votes
1

answer
612

Views

tns preview not working on android with nativescript-vue

I created a super simple app that has 3 tabs and a list generated with an http call/axios. When I run tns run android --bundle everything works fine but when I try tns preview using the playground app on my android phone I get this error: Cannot compile /data/data/org.nativescript.preview/files/app/...
bTazi
2

votes
1

answer
39

Views

Passing changed props in $navigateBack

I have a overview page where people can see there results. They have an option to change that value by clicking on the edit button. By clicking on the edit button you will be navigated to an other page where you can change the value. If you changed the value you will come back to the overview page....
Steven

View additional questions