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
9
votes
2 answers

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…
Nitish Kumar
  • 6,054
  • 21
  • 82
  • 148
9
votes
3 answers

Identity Server 4/nativescript Hangs

I have the following client: new Client { ClientId = "nativeapptest", ClientName = "Native App Test", Enabled = true, RequireClientSecret = false, AllowedGrantTypes = GrantTypes.Code, RedirectUris = {…
Bagzli
  • 6,254
  • 17
  • 80
  • 163
9
votes
2 answers

How to create a table in NativeScript with dynamic row and column count?

I'm trying to create a table or data grid with dynamic row and column count in my NativeScript application. I have some product categories and some products in these categories. Products have some specifications with respect to its belonging…
MÇT
  • 1,007
  • 13
  • 21
9
votes
1 answer

Nativescript - iOS app name?

How is the app name set in iOS version of the build? Looking at app/App_Resources/iOS/Info.plist - I see CFBundleDisplayName ${PRODUCT_NAME} CFBundleExecutable ${EXECUTABLE_NAME} How are these…
dashman
  • 2,858
  • 3
  • 29
  • 51
9
votes
1 answer

Nativescript vertical alignment in GridLayout not working

In nativescript I have some problem with StackLayout which is in a GridLayout. I cannot align the Label in StackLayout center vertical. Here is a picture what I would like to achive: Here you can see, that I want the exclamation icon center…
ans777
  • 436
  • 5
  • 13
9
votes
1 answer

Navigate with parameters in latest NativeScript with Angular and TypeScript

I want to navigate to another page with parameters, but I can't seem to find documentation that explains it well. I am using routes. Here is an example of my routes. import { RouterConfig } from '@angular/router'; import { nsProvideRouter } from…
Rob
  • 4,149
  • 5
  • 34
  • 48
9
votes
1 answer

Hide actionbar on scroll listview

I have an app that has an action bar and a Tabview. Inside the tabview there is a listview. What I want is the actionbar to hide when the user is scrolling down the list and pop up when the user is scrolling up and do it nicely. As an example…
9
votes
1 answer

Attempted to assign to readonly property even though same command works elsewhere?

I have a Javascript function (in an Angular 2 NativeScript based mobile app) which is triggered on a button press, it should hide the button and show an activity indicator in its place, carry out a Bluetooth scan, which when completed switches off…
George Edwards
  • 8,979
  • 20
  • 78
  • 161
9
votes
1 answer

ListView.itemTemplate and Images in NativeScript

I am trying to build a Contacts List type POC for NativeScript. And I would like to have an image and name in a list item. The code that I am using for the layout is as follows
Shhhhh
  • 188
  • 2
  • 11
8
votes
9 answers

Nativescript tns run android (application is not running on device)

When i do tns run ios, all is fine but tns run android just gives me error like this. I tried both device and emulator but the same result. i have done: reinstall platforms,node_module,hooks. tns doctor has no error done clearing cache on…
kurt estacion
  • 497
  • 2
  • 8
  • 18
8
votes
1 answer

Nativescript: Navigate between router-outlets

For better introduction see the blog post about outlets. I use a TabView to navigate through my mobile app written with nativescript (ProtectedComponent).
Christian Kolb
  • 1,368
  • 2
  • 23
  • 43
8
votes
1 answer

Cannot find name 'Headers', 'RequestInit', 'Response'

I updated my nativescript from the 2.5.2 to the 3.0.3. And suddenly when I try to run the app I get the following errors: node_modules/tns-core-modules/tns-core-modules.d.ts(17,27): error TS2304: Cannot find name…
8
votes
2 answers

NativeScript: Formatting number typescript

I am totally new to nativescript and googling for the some basic stuff is harder than it should be... What i want to do is basically this: I have the number 1234567.89 in a variable, and i want to show it in a label with the…
Ariel Capozzoli
  • 775
  • 1
  • 6
  • 15
8
votes
5 answers

Image button Nativescript and Angular

I need to create an Image button which includes a custom image and a label in {N} + Angular. Something like this: Here's my code. I'm using the stack layout inside the grid layout. I can't see the label below the image.
8
votes
2 answers

Nativescript / TypeScript error - error TS5053: Option 'sourceMap' cannot be specified with option 'inlineSourceMap'

{ "compilerOptions": { "module": "commonjs", "target": "es5", "sourceMap": true, "experimentalDecorators": true, "emitDecoratorMetadata": true, "noEmitHelpers": true, "noEmitOnError": true, "watch": true }, "exclude":…