Questions tagged [nativescript]

NativeScript is an open source framework created by Telerik that makes native mobile app development easier for web developers. It enables developers to use JavaScript or TypeScript (with or without Angular or Vue) to build native mobile applications for iOS and Android. NativeScript apps render native UI components styled by a subset of CSS. Modules provide cross-platform native API abstractions. 100% of native APIs are available via JavaScript.

NativeScript is an open source (ASLv2) framework created by Progress for building truly native mobile apps with JavaScript, TypeScript, Angular or Vue. Use web skills and get native UI and performance on iOS and Android. The Angular developers can share code between Web and Mobile applications via the Code Sharing CLI.

NativeScript apps use native UI components. The framework provides a subset of CSS to make styling simple and familiar for web developers. Modules provide cross-platform API abstractions so that a single codebase can run on multiple platforms. The framework provides 0-day access to 100% of native APIs via JavaScript via build-time metadata generation.

As of March 2019, NativeScript is in version 5.3.0. See the NativeScript roadmap for information about prior and planned versions of NativeScript.

The source can be found at the NativeScript GitHub repository and issues are tracked on the NativeScript GitHub issue tracker.

Documentation

Playground

Logo

NativeScript logo

7280 questions
8
votes
2 answers

NativeScript Installation Issues

I was just trying to install NavtiveScript, for this I followed the official installation guide available at http://docs.nativescript.org/angular/start/quick-setup but I am stuck at "Step 3: Install iOS and Android requirements" When I run the…
Naveed Ahmed
  • 10,048
  • 12
  • 46
  • 85
8
votes
4 answers

Nativescript: Make label span width of its content, then wrap at a max width

I am trying to create a messaging view with a layout similar to iMessage, where a chat "bubble" is the size of its content, until it gets to be a certain width. Like this: With nativescript, I cant find a layout that will accommodate this. I tried…
davecoffin
  • 509
  • 1
  • 3
  • 11
8
votes
3 answers

Make a NativeScript ListView Transparent on iOS

I’m trying to get a NativeScript to be transparent on iOS and I’m failing. I found an old thread on the topic at https://groups.google.com/forum/#!topic/nativescript/-MIWcQo-l6k, but when I try the solution it doesn’t work for me. Here’s…
TJ VanToll
  • 12,584
  • 4
  • 43
  • 45
8
votes
2 answers

What is the div equivalent element in Nativescript

I am trying to wrap some elements to provide styling and i do not see any element that can be used as a container. What is supposed to be used in such a case? Also kindly link to the available css properties in Nativescript as i was unable to find a…
krv
  • 2,830
  • 7
  • 40
  • 79
8
votes
4 answers

Get a local json file on NativeScript

How to get a local big json data? I have tried this, but I had no success: var sa = require("./shared/resources/sa.json"); var array = new observableArrayModule.ObservableArray(sa);
calebeaires
  • 1,972
  • 1
  • 22
  • 34
7
votes
2 answers

WARNING: xcodeproj is not installed or is not configured properly

My nativescript project won't run, getting the error mentioned above. The Xcode command Line Tools is set. Things i tried but didn't fix the problem: sudo xcode-select -s /Applications/Xcode.app/Contents/Developer sudo xcode-select --reset ns doctor…
7
votes
1 answer

Nativescript - Set the target IOS version for Nativescript plugins

I recently updated my xcode to the beta for Xcode12 so I can see how my app will run on the upcoming release of IOS 14 When trying to run TNS RUN IOS I get the following errors: Saving metadata generation's stderr stream to:…
7
votes
0 answers

DTDeviceKit: deviceType from {DEVICE_ID } was NULL

I am getting really frustrated with this error. I am build an app using nativescript. The app use to run fine on my device but for some reason it stopped and I keep getting this error: DTDeviceKit: deviceType from {DEVICE_ID } was NULL [MT]…
Cristian Avalos
  • 313
  • 3
  • 9
7
votes
0 answers

NativeScript Storybook or alternative

Since a year, we are using storybook to develop our angular web applications, as well as our ionic cordova apps. Now we want to evaluate if NativeScript might be a better solution for our needs. We are currently wondering if it is possible to make…
pascalpuetz
  • 5,238
  • 1
  • 13
  • 26
7
votes
1 answer

Nativescript Vue Developer Tools not working

I am following the tutorial as it is stated here: https://nativescript-vue.org/en/docs/getting-started/vue-devtools/ I have the dev tools and the app up and running but the dev tools says "Waiting for connection..." while the app is already running…
Sinan Samet
  • 6,432
  • 12
  • 50
  • 93
7
votes
1 answer

How to fix @ViewChild ElementRef undefined in NativeScript Angular?

I am developing a mobile application with NativeScript (CLI v5.2.0) Angular (v7.2.3) and I have my @ViewChild ElementRef that was undefined. I checked the presence of ViewChild and ElementRef in the import of "@angular/core", renamed my @ViewChild…
7
votes
3 answers

Stop keyboard overlay when interacting with TextField in a NativeScript application

When working with a NativeScript application view where a user can enter input, the native application Keyboard Input overlays the TextField component. While this doesn't stop the user from entering text, it disrupts the UX flow and looks bad from a…
7
votes
2 answers

Nativescript gradle build fails with "resource xml/network_security_config not found"

I have an existing Nativescript angular app that I have been able to run on my Android emulator without any problems. The other day I updated the tns-android version from 4.1.3 to 5.0.0 using the following command: tns platform update android I…
Barry Jones
  • 306
  • 2
  • 8
7
votes
2 answers

How to update nativescript cli

Nativescript 5 is out and I am trying to update the tns version. Currently it tns --version shows as 4.3.2. I followed all the steps in https://docs.nativescript.org/releases/upgrade-instructions but it still gives me the version as 4.3.2. How can…
Rakesh
  • 4,004
  • 2
  • 19
  • 31
7
votes
1 answer

Modules not found in shared code with Nativescript and Angular Schematics

I'm using Angular with Nativescript Schematics. I have installed the nativescript-ui-sidedrawer. When i run tns run ios --bundle The native version is compiled and deployed to the device but when I run ng serve The web version fails with several…
Mark Bell
  • 316
  • 5
  • 14