Issue I started to develop a mobile app using nativescript, everything was going well until I realized I cant customize the style as I want. Just for example I cant set the border to a button like border-width: 1 0
Continue readingTag: nativescript
NativeScript – TimePicker Cannot get user modified value
Issue I am unable to get the user modified value of a TimePicker. All I’m getting is the original value that I set in the control. Here is my component template: <TabView [(ngModel)]=”tabSelectedIndex” selectedColor=”#FF0000″ style=”height:90%”> <StackLayout *tabItem=”{title: ‘Time’}”> <TimePicker #timePicker
Continue readingNativeScript & Angular2 – How to bind an object?
Issue I’m trying to display data from a REST API. But, the UI is rendered before the data is loaded. So I’m getting a following error: Cannot read property ‘name’ of undefined How can I bind an object? The component:
Continue readingNativeScript error. More than one view found in list template
Issue I had such ListView <ListView [items]=”groceryList” row=”1″ class=”small-spacing” [class.visible]=”listLoaded”> <template let-item=”item” columns=”*, auto” > <Label [text]=”item.name” class=”medium-spacing”></Label> </template> </ListView> I want to add image button. So I just added columns=”*, auto” to template and col=”0″ to Label and col=”1″
Continue readingNativescript: Cannot overwrite ActionBar in template
Issue I am currently learning Nativescript and want to implement a sample Android app with Angular2. When I route to a component that shall overwrite the default visible startpage ActionBar in the template with custom title and navigation button, nothing
Continue readingNativescript : : error TS2307: Cannot find module 'image-asset'
Issue Android API21 tns 2.3.0 I’m trying to implement a camera component using nativescript-sdk-examples-ng After implementing the code, I get this error on running the app – tns livesync ios –device 7a3c131309432ebae1a483f134ec8a4f8cdeecf4 –watch Your application will be deployed only on
Continue readingBroken data binding after updating to {N} 2.3.0 and Angular 2.1.2
Issue After updating my project to Nativescript 2.3.0 and Angular 2.1.2, data binding using ngModel is no longer working on my Switches. If I bind to [checked] and (propertyChange) it works. I’ve duplicated issue this in a new sample project.
Continue readingNativescript angular 2 component how to?
Issue How do i implement a component like a element directive in angular 1? This is my code but it doesn’t work: import {Component} from “@angular/core”; @Component({ moduleId: “TestComponent”, selector: “TestComponent”, template: ‘<Label text=”TEST COMPONENT” textWrap=”true”></Label>’ }) export class TestComponentComponent
Continue readingNativescript Angular: How to pass a button view as a parameter in tap event ?
Issue My Nativescript Angular app dynamically returns data as a list of items. For each item, I use *ngFor to create a button with a tap event attached to it. I want to pass the button itself as a parameter
Continue readingNativeScript Telerik UI RC6
Issue After Angular RC6 upgrade I can’t get the application running (builds fine). It seems the culprit is nativescript-telerik-ui library. Throws following error: java.lang.RuntimeException: Unable to create application com.tns.NativeScriptApplication: com.tns.NativeScriptException: Error calling module function SyntaxError: Unexpected token export File: “<unknown>,
Continue readingNativeScript: toggleDrawerState not a function error
Issue I’m trying to create a sample application in native script. I used RadSideDrawer for sidemenu in the following way by referencing http://docs.telerik.com/devtools/nativescript-ui/Controls/Angular/SideDrawer/getting-started : <RadSideDrawer [transition]=”RevealTransition” #drawer> <StackLayout tkDrawerContent class=”sideStackLayout”> <StackLayout class=”sideTitleStackLayout”> <Label text=”Navigation Menu”></Label> </StackLayout> <StackLayout class=”sideStackLayout”> <Label text=”Primary”
Continue readingHow to get current location in google maps using "nativescript-google-maps-sdk"?
Issue I am building an app on nativescript+Angular2. I have downloaded the “nativescript-google-maps-sdk” plugin from npm. If I enable setMyLocationEnabled(true), I get the “my-location” button on the upper right corner of the screen and clicking it takes me to my
Continue readingNativeScript/Angular2 – No provider for ViewUtils
Issue Trying to make a very simple (tutorial like) NativeScript/Angular2 app. I’ve just got up to adding a router, and a “base” component that has a <page-router-outlet> for changing views/navigating. After adding this setup, copied mostly from here: https://github.com/NativeScript/sample-Groceries I’m
Continue readingChanges on app.css are not applied on GUI
Issue I’m trying to change buttons default appearance on NativeScript core.light.css so after @import I added a few rules. Some are being applied but some others are not. I’ve been a web developer for a few years so I’m quite
Continue readingnative app login/session security concerns
Issue I’m currently building a native app using angular 2 and NativeScript for the first time. my concern is about the authentication and session process. I know that when developing on for the web you have issues like xss attacks
Continue readingnative app login/session security concerns
Issue I’m currently building a native app using angular 2 and NativeScript for the first time. my concern is about the authentication and session process. I know that when developing on for the web you have issues like xss attacks
Continue readingNativeScript – Angular 2 Custom AppDelegate
Issue Is there an Angular 2 way to accomplish a custom AppDelegate like this in NativeScript? I’ve seen examples of how to do this without Angular, I’m just not sure where to register the AppDelegate in Angular 2. Solution you
Continue readingNativescript Angular – Using application events
Issue After struggling for a few hours, I hope I can find someone who understands this. Nativescript offers support for Application events for Angular + Typescript: http://docs.nativescript.org/angular/core-concepts/application-management.html However, I do not understand where I should add these. The example from
Continue readingNativeScript one-way databinding doesn't update view
Issue This seems like a pretty simple case to me, but I’m obviously missing something. I have a Model to be bound to the View. I then load the Model with an Http call. Why doesn’t the View update? I
Continue readingIssue with hooks when creating a NativeScript and Angular app template
Issue I’m attempting to create a new template for creating new NativeScript apps with Angular 2, very much like https://github.com/NativeScript/template-hello-world-ng. Here’s the problem: for whatever reason after I create new apps with my template, I end up with two hooks
Continue readingNativescript store JSON data in sqlite
Issue I have some JSON data coming in from an API that I want to store it in a Nativescript app. Is there a way I can store in a simple way to sqlite database. Currently, I am using loops
Continue readingUsing the Nativescript platform-specific project
Issue To my understanding, Nativescript takes the javascript (or typescript) + nativescript code and creates project files for both android and ios in order to be able to run them as native apps. I also know that these files all
Continue readingNativescript Inspector not showing elements
Issue When running tns debug ios –watch the Nativescript inspector is attached to the application, but when I am going to the Elements tab to see the structure of the application I am not getting anything. Or maybe should I
Continue readingGoogle Maps in nativescript with angular2
Issue I’m new to nativescript and I’ve been trying to get google maps to work in it. I downloaded a demo from github to see if it works. https://github.com/dapriett/nativescript-google-maps-sdk But apparently it’s outdated. Google has changed the library of their
Continue readingNativescript label inside gridlayout not getting ripple effect
Issue I am using nativescript version 2.4.2. Labels in android are getting the ripple effect but when I have the labels under a click-able gridlayout the ripple does not happen. Consider the following code <StackLayout text=”fill”> <ListView [items]=”groceryList | async
Continue readingNativeScript cannot get or set UI properties when page loaded
Issue I am building an app using NativeScript Angular. I need to get or set properties of UI components when the page is loaded. However, ngOnInit, ngAfterViewInit, or (onloaded) don’t seem to work. I created a NativeScript program to demonstrate
Continue readingNativeScript learning roadmap?
Issue I using angular 2 for my production project, but now I want to learn NativeScript for myself? Can anybody helps me with learning roadmap? Solution Coming from an Angular-2 development I guess that you will want to learn NativeScrpt
Continue readingNativeScript livesync for ios fails when launched
Issue If I run the native script with livesync it fails for the iOS emulator but not for andriod. I created the project with the NativeScript cli create command. This is a Angular2 project. I can run the project just
Continue readingUnable to find stylesheets in multiples nativescript styleurls
Issue I’m using nativescript-angular 1.2.0 and tns-core-modules 2.5.0. Here my login.component.ts: @Component({ moduleId: module.id, selector: “myapp”, templateUrl: “./login.component.html”, styleUrls: [“./login.common.css”, “./login-component.android.css”] }) But while compiling it is unable to find login-component.android.css. I’ve already remove, build, add etc. I change the
Continue readingIn NativeScript with Angular2 get element value
Issue I have a list, and I want to get the value of the list item. The view is as follows <ListView [items]=”myItems” (itemTap)=”onItemTap($event)”> <template let-item=”item” let-i=”index” let-odd=”odd” let-even=”even”> <StackLayout [class.odd]=”odd” [class.even]=”even”> <Label #myFoo id=”grocery-list” [text]='”Value is: ” + i’></Label>
Continue readingNativeScript GridLayout Equal sized rows in entire screen
Issue Currently I am developing {N} app using Angular 2, I want to place 4 rows with equal height in the entire screen For example, <GridLayout rows=”*,*,*,*”> <StackLayout row=”0″ backgroundColor=”blue”> <Label text=”row 0 “></Label> </StackLayout> <StackLayout row=”1″ backgroundColor=”red”> <Label text=”row
Continue readingAdd Angular2 Material to Nativescript
Issue I’ve created a basic Nativescript app using: tns create my-project-name –template nativescript-angular-drawer-template Now, I want to add Material Design to my app. According to the docs I ran the command npm install –save @angular/material and added the MaterialModule as
Continue readingAngular2/Nativescript: Is it possible to have content contained in a GridLayout column wrap to the next line?
Issue I am busy with a very basic Nativescript app. I have an issue using GridLayout accurately. i’m trying to re-create a table from an Angular2 web app using GridLayout. I get The contents of my GridLayout from a local
Continue readingNativescript error while install
Issue While installing native script, I always get this error while executing this command: npm i -g nativescript This is the error. Solution Try the following to start clean and redo the installation: npm remove nativescript -g npm cache clear
Continue readingAngular2/Nativescript: How to add an activity indicator and bind it to a variable in controller
Issue I am busy with a Angular2/Nativescript app and struggling to display an activity indicator… I don’t see any indicator when I run the below code… Any idea what i’m doing wrong? my xml: <StackLayout *ngIf=”busy”> <ActivityIndicator busy=”busy”></ActivityIndicator> </StackLayout> my
Continue readingNativescript-fresco with ng2+Natiivescript
Issue I followed the guidelines to use nativescript-fresco with ng2+nativescript for my android app because it was crashing every time I scrolled more than once down then up. The component in which I’m using it is a listview which displays
Continue readingNativescript-fresco with ng2+Natiivescript
Issue I followed the guidelines to use nativescript-fresco with ng2+nativescript for my android app because it was crashing every time I scrolled more than once down then up. The component in which I’m using it is a listview which displays
Continue readingActionBar isn't showing on NativeScript Angular 2 modal
Issue I’m attempting to open a modal (component with view) and want it to have a close button on the action bar on the top. Is there anything i’m missing on my modal page view for the actionbar not to
Continue readingActionBar isn't showing on NativeScript Angular 2 modal
Issue I’m attempting to open a modal (component with view) and want it to have a close button on the action bar on the top. Is there anything i’m missing on my modal page view for the actionbar not to
Continue readingnsRouterLink is not working in nativescript
Issue I need to navigate from one page to another in nativescript(android). I tried in my tns.html <Button [nsRouterLink]=”[‘/grocery’, ‘list’]” class=”btn btn-primary btn-rounded-lg” text=”Back”></Button> routes.ts export const RootRoutes: Array<any> = [ { path: ”, component: RootComponent }, { path: ‘grocery/:type’,
Continue readingUsing NS http.request to send a curl
Issue I am attempting to use the nativescript HTTP.request to send a curl for firebase push notifications. I have tested the curl and it works however I am getting a bad request error when i try to send it via
Continue readingNativescript Angular 2 disable background tap events
Issue I have a login button which when clicked will log the user in by making http calls to the server. While this is happening I want the activity indicator to show up and disable the button and every other
Continue readingHow to upgrade nativescript angular dependencies with the "tns update"?
Issue I want to upgrade my @angular dependencies in my package.json file. I guess the documentation http://docs.nativescript.org/releases/upgrade-instructions show some way to do it with : tns update. I upgraded my cli to 2.4 but upgrade doesnt work!! i called tns
Continue readingAngular2/Nativescript: Strange "Unexpected tag" error when nesting StackLayouts
Issue I am busy with an Angular2 Nativescript app which worked perfectly fine before but after moving a input field to another part of my view I get the below errors saying Unexpected closing tag “StackLayout”… Any idea what could
Continue readingIs there any equivalent to the HTML anchor tag on Nativescript?
Issue I’m trying to display a simple image or text with a link such as an HTML <a> anchor tag <ListView [items]=”items | async” (itemTap)=”onItemTap($event)”> <template let-item=”item”> <StackLayout> <Image [src]=”item.imageUrl” ></Image> <!–<Image [src]=”item.imageUrl” href=”http://google.com”></Image>–> </StackLayout> </template> </ListView> It seems the
Continue readingAngular2/NativeScript: DatePicker doesn't display at all and Nativescript DatePicker documentation almost non existent
Issue I am busy with an Angular2/Nativescript app and running into some issues inputting a date… I am trying to use the DatePicker component but for some reason nothing gets rendered where the Date Picker is supposed to be displayed
Continue readingCannot access native api (iOS or Android) using NativeScript + Angular-2 project
Issue How to replicate: tns create Something –ng cd Something now following this link https://docs.nativescript.org/angular/core-concepts/accessing-native-apis-with-javascript.html npm install tns-platform-declarations –save-dev replaced contents of tsconfig.json and reference.d.ts tns run iOS I’m getting file:///app/tns_modules/@angular/compiler/bundles/compiler.umd.js:18646:26: JS ERROR Error: Can’t resolve all parameters for ItemsComponent:
Continue readingNative script list template binding not working
Issue I cannot make working binding with ListView and template. <ListView #userListView [items]=”usersViewList” (itemTap)=”onItemTap($event)”> <template let-user=”item” let-i=”index”> <GridLayout columns=”auto”> <Label [text]=”user.name” col=”0″></Label> </GridLayout> </template> </ListView> at cration time user.name is assigned properly, but later if I call. user.name = “other
Continue readingNativescript – Search Bar does not display correctly within action bar (IOS)
Issue Am creating a nativescript angular app. Noticed some very strange behavior when creating a search bar for my app. While the search bar display perfectly within the action bar in Android in IOS the search bar does not show
Continue readingcan't open -sectcreate file in Xcode NativeScript
Issue I’m trying to extend my existing iOS app with Angular 2 and NativeScript. It was working fine after all the change have been done with this tutorial (Extend your existing iOS app with Angular 2 and NativeScript). Later when
Continue readingNativeScript extension methods
Issue Is it possible to extend existing class in native script? By extending I mean it in C# terminology, e.g. not inherit, but ‘inject’ method to existing class and call that method on instance of original class. C# extension methods:
Continue readingNativeScript Does Not Recognize "android.Manifest.permission.READ_CONTACTS"
Issue Hello I am new to mobile development and Angular 2. I am trying to request permission for reading contacts, however NativeScript is not recognizing “android”. For exmple I am not able to run the following code: permissions.requestPermission(android.Manifest.permission.INTERNET, “I need
Continue readingmultiple select angular nativescript
Issue I need to build a multiple item select UI element for my nativescript angular app. There does not seem to be a nativescript UI component supporting multiple selection. Any examples of how I could implement this for my app?
Continue readingHow to achieve animated splashscreen in Nativescript
Issue Im new to Nativescript , please guide me on how i can achieve this type of splash transition in native script . the link to app is below https://play.google.com/store/apps/details?id=org.nativescript.examples&hl=en Thanks Solution On that page you’ve linked to is a
Continue readingAngular2/Nativescript: Issues replicating a HTML table using Nativescript's ListView
Issue I am busy with an Angular2/Nativescript project where I am trying to replicate a HTML table… The way I am going about it is by adding two templates to a Listview, one for the headers and another for the
Continue readingNativescript android how to download remote image to device?
Issue can anyone please help me how to download remote image to mobile using nativescript android app? For example, <StackLayout> <Image [src]=”remoteImgUrl”></Image> <Label tap=”downloadImg({{remoteImgUrl}})” text=”Download”> </StackLayout> when user clicks on ‘Download’ I need to save that image in android device.
Continue readingAttaching Data To View NativeScript NG2
Issue ** UPDATE ** In my code I have a card which holds the current index of the job array in the view. This way a user can use a gesture to swipe the card off the screen which will
Continue readingAngular Nativescript router shows incorrect page after login for few seconds
Issue I am working on a native script angular app. when a user logs into the app I authenticate the user from firebase and then check to see if the user has completed the registration process. If not the app
Continue readingWhat should I use for getting Started NativeScript?
Issue I want to start with NativeScript, But when I went to see official NativeScript docs to getting started https://docs.nativescript.org/#get-started this show me two option for getting started. Get Started with JavaScript Get Started with TypeScript & Angular Which one
Continue readingNativeScript custom component not showing when using @wwwalkerrun/nativescript-ngx-magic
Issue I create a new test app > ng new TestApp Then I install the nativescript-ngx-magic > npm i @wwwalkerrun/nativescript-ngx-magic –save Then create a new app.component.tns.html <ActionBar title=”Magic!” icon=”” class=”action-bar”> </ActionBar> <StackLayout class=”p-20″> <Label text=”NativeScript is Neat.” class=”h1 text-center”></Label> </StackLayout>
Continue readingNativeScript/Angular – How to import global styles?
Issue In a NativeScript app I’m trying to apply some global styles that will be shared across the app. This is my structure: – styles – partials – _buttons.scss – _exports.scss _buttons.scss: .flt-btn { border-radius: 35px; } _exports.scss: @import ‘_buttons.scss’;
Continue readingHow to sync assets with nativescript?
Issue I’m using the plugin Nativescript Splashscreen to add a Splashscreen to my App. First time i added, it worked perfectly. So i decided to make some improvements. I added some Images to the App_resources and i changed some things
Continue readingNativescript-ui Radlistview Null pointer error
Issue Radlistview not rendering the source array. Please help me figure out where I’m going wrong.This is giving me null pointer exception. I have included the code in the section below. srtdetails.component.html <GridLayout tkExampleTitle tkToggleNavButton> <RadListView [items]=”source”> <template tkListItemTemplate let-item=”item”>
Continue readingNativeScript: How to share and animate component between views?
Issue I need to develop with NativeScript + Angular a tablet application that would share a component between two views. The component should remain on screen, and be animated during the transition between the views. I made a quick image
Continue readingHow to properly set Authorization to consume WordPress Rest API (Oauth1) with Nativescript[2.5.4]?
Issue I’m trying to consume the WP Rest API with Nativescript. The WP API and the Authorization with OAUTH1 is already well setup and tested with POSTMAN. Nativescript Login function to consume rest is already setup too and work without
Continue readingHow to delete cookies in Nativescript
Issue I am developing an iOS app using NativeScript using Angular. I have a webview in it. I want to delete all the cookies on click of a button. How to do it? Solution for iOs you can user following
Continue readingTwo way data binding nativescript from class
Issue How to achieve TWO Way binding in Nativescript ? Below is what i have tried . The variable CompModel contains a value “FA I Test”. I want to be able to bind data both ways that is what is
Continue readingNativeScript tns run android –device/emulator doesn't work
Issue Im new to native script and ive been to trying to test on device or emulator. thats what im getting. C:\Users\Muzi J\Documents\tns\HelloWorld>tns run android –device 4TE7N17106003969 Copying template files… – Installing tns-androidInstalling tns-android C:\Users\Muzi J\Documents\tns\HelloWorld `– tns-android@2.5.0 Exception: The
Continue readingError: ActionItem is not a valid View instance
Issue I have the following template: <Page.actionBar> <ActionBar title=”Modules” automationText=”ActionBar”> <NavigationButton icon=”res://back_btn” tap=”goBack” automationText=”GoBack”></NavigationButton> <Android> <ActionItem id=”exampleMenuButton” icon=”res://menu” automationText=”ExampleMenu”></ActionItem> </Android> <iOS> <ActionItem id=”exampleMenuButton” ios.position=”right” automationText=”ExampleMenu”> <ActionItem.actionView> <Image src=”res://menu” width=”22″ height=”22″ margin=”0, -11, 0, 11″></Image> </ActionItem.actionView> </ActionItem> </iOS> </ActionBar> </Page.actionBar> Which
Continue readingHow to set templateUrl and styleUrls
Issue I made a little application but it has all in app.component.ts . Now I’m trying break it into separate components and services. As the first step I have tried to split my code into separate components. But I’m unable
Continue readingAngular2/Nativescript: When adding a new item to a Listview the previous item gets overridden
Issue I am trying to display a list of items in a ListView. I added a GridLayout to the template of the ListView and then I add the item name, quantity and a remove (font-awesome trash icon) to the three
Continue readingAngular2/Nativescript: How to Highlight the selected item of a ListView?
Issue i’ve read through the Nativescript ListView documentation and searched Google and can’t find any way to highlight the currently selected item of a Listview… Is this even possible? If so how can I go about it? My code: <ListView
Continue readingGet TextField text property after keyboard done in nativescript
Issue I have a TextField and want to listen to the event when the user finished typing and wants to go on. I neither want to call a function each time a user presses any key nor I want to
Continue readingborderColor and borderRadius styles not being applied to a StackLayout
Issue I am trying to create a border-radius and border-color around a StackLayout but for some reason the styles doesn’t get applied… I am using the Nativescript core-light theme, not sure if that can override my inline styles? Any idea
Continue readingNativeScript – How to add plugin to "angular-seed" template
Issue I’ve cloned the following Github repo to bootstrap my NativeScript application. https://github.com/mgechev/angular-seed I now want to run to the following command to add a toast message plugin. tns plugin add nativescript-toast However, I get the following error when I
Continue readingNativescript/Angular2: inline sourcemap confusion
Issue I am trying to have .map sourceMap files generated when doing a Angular2/Nativescript build. I recently updated to Nativescript 2.5.1 and it doesn’t seem to generate .map files by default anymore. The last .map files I can see in
Continue readingNativescript Angular: Can't read object from inside a function (this. undefined?)
Issue as beginner with both Nativescript and Typescript I often simply try to work with code I found in examples. Right now I have a component that generates a Gridlayout and reacts to Gestures (e.g. Swipe or Pan). The simplified
Continue readingDoes it worth to go for lazy loading for a Nativescript app?
Issue I am half way migrating an ionic app to Nativescript. As I was Googling I found some articles and repos about lazily loading modules in {N}. e.g. https://github.com/sis0k0/lazyNinjas I am not really sure why to care for lazy loading
Continue readingTesting component in NativeScript Angular2 app
Issue I’m having issues doing a very simple component test in a NativeScript Angular 2 application. I can’t seem to just call “new Component()” and then test it like was shown in this test example. I’m trying an implementation of
Continue readingNativeScript not synching angular templates and CSS
Issue Is it ok that livesync doesn’t automatically updates the app in emulator (Android)? I run the app with tns run android and it does submit the edits (angular templates + css), but I need to manually exit and open
Continue readingNativeScript : First call of getPlatformData without providing projectData
Issue I’ve been seeing this for the last couple of days – Project successfully prepared (android) Executing after-prepare hook from C:\App\mobile-app\hooks\after-prepare\nativescript-dev-android-snapshot.js Executing after-prepare hook from C:\App\mobile-app\hooks\after-prepare\nativescript-dev-sass.js First call of getPlatformData without providing projectData. So far, I’ve tried th following –
Continue readingNativeScript can't find Android SDK on Mac OS
Issue I’ve installed NativeScript and I try to do tns platform add android but it doesn’t work. ANDROID_HOME path is correct and I have installed SDK (API 22 and the newest one) and tools (25.0.2). When I run tns doctor
Continue readingTextView doesn't lose focus when the keyboard is dismissed
Issue This behavior occurs only on Android devices <TextView [(ngModel)]=”textData” updateTextTrigger=”focusLost” (ngModelChange)=”updateText()”></TextView> Since I use the updateTextTrigger as focusLost, the model doesn’t update since the TextView always stays focused unit we switch the focus to another element, which I can’t
Continue readingCan a ListView be used within a SideDrawer in NativeScript?
Issue I need to implement a SideDrawer in NativeScript with the menu entries that can change dynamically depending on some conditions. I decided to use the ListView to display the menu entries because the list could be long and scroll
Continue readingHow to change an action bar title text when moving from one tab to another tabs in nativescript
Issue When loading this mainactivity page for the first time, it is loading the third tab page action bar text. I need to load the action bar text based on clicking the tab. For Eg: When I click the second
Continue readingHow can I make a StackLayout with ngFor loop into scrollable list?
Issue <StackLayout width=”100%” *ngFor=”let item of (videos$ | async)”> <CardView class=”studentCard” margin=”2″ elevation=”10″ radius=”1″> <GridLayout rows=”auto, auto, auto” columns=”auto, auto, *”> <Image [src]=”item.snippet.thumbnails.high.url” stretch=”aspectFill” colSpan=”3″ row=”0″></Image> <Label [text]=”item.snippet.channelTitle” textWrap=”true” row=”2″ colSpan=”1″ ></Label> <Label [text]=”item.snippet.title” textWrap=”true” row=”2″ col=”1″ colSpan=”2″ >></Label> </GridLayout>
Continue readingImplementing radio button behavior using a switch in Nativescript (angular 2)
Issue I’m trying to mimic radio button behavior in nativescript but am having issues with the binding. The code below almost works but if I “long tap” or kinda swipe one of the switches I don’t believe the binding works,
Continue readingHow to get the Stacklayout id programatically in nativescript
Issue I’m new to this nativescript.I don’t know how to get the stacklayout id properly.I’m working on Angular2 with typescript. I tried below code. I’m getting this below issue in command prompt. JS:Error TypeError : Cannot set property ‘visiblility’ of
Continue readingWhy is ActionBar not appearing? Nativescript/Angular2
Issue Why is my ActionBar not appearing on my /home page, when it’s working on my /login page? login.component.html <ActionBar title=”Application Title”></ActionBar> home.component.html <ActionBar title=”Application Title”></ActionBar> No error is thrown when this occurs. Solution Make sure that if you’re creating
Continue readingHow to parse this json structure in listview angular2 nativescript
Issue json structure : { “Employee”: [ {“id”:1,”name”:”Dan” }, {“id”:2,”name”:”Stack” }, ….. ] } app.component.ts: ngOnInit() { console.log(“first”, “Test”); this.globalReader.getObjectData() .subscribe(data => this.getData = JSON.stringify(data), —> Response printed successfully here.I’m able to print it in label. error => alert(error), ()
Continue readinglistview button onclick is not working in angular2 nativescript
Issue I’m performing listview item button onclick. Below is the code I tried so far.When clicking on the button its not triggered console log. I don’t know what was the issue here. html file: <ListView [items]=”items” class=”list-group”> <ng-template let-item=”item”> <GridLayout
Continue readingHow to get bradmartin/nativescript-videoplayer element reference in my component using @viewChild?
Issue Reference to the third party player on github. Question: How do I get the element reference of the third party nativescript-videoplayer in my component using viewChild? Error: My code compiles but crashes when I attempt to access the method
Continue readingWhen click on the button in listview item, only that appropriate button text should change in angular2 nativescript
Issue I have created listview.For every listview item I’m having one button. When click on that button, I need to change the text. For Example : I’m clicking on 0th index listview item button. When click on that button, it
Continue readingNativeScript – Passing content from Parent to Child component
Issue I’ve been searching for this all over during the last 2 days so I decided to ask for help. Imagine we have a parent component called ParentComponent and we have also a child component called SomeComponent. SomeComponent template would
Continue readingNativeScript – Passing content from Parent to Child component
Issue I’ve been searching for this all over during the last 2 days so I decided to ask for help. Imagine we have a parent component called ParentComponent and we have also a child component called SomeComponent. SomeComponent template would
Continue readingHow to save geolocation details in local variables to use it later
Issue I am pretty noob to Nativescript (with anngular2/typescript). My use case is to track users location using nativescript geolocation plugin and save the results (such as latitude and longitude) for the later usage. Below is my sample code :
Continue readingNativescript using android
Issue I am new to NativeScript. I am trying to figure out how to use the Bluetooth Native Api (Classic not LE). I have a hard time finding out how I can interact with the bluetooth api. The first wall
Continue readingCustom dialog(Modal Dialog) should display half of the screen in nativescript angular2
Issue I referred this link and this link when click on the floating action button, I’m using custom modal dialog to show the listview to half of the screen. But it is taking full screen like below image: I tried
Continue readingnativescript angular animation with states never works
Issue I am trying to get animations to work in a ng nativescript app. Here is how I configured the animation in the component animations: [ trigger(‘accessState’, [ state(‘loggingIn’, style({ “color” : “red” })), state(‘signingUp’, style({ “color” : “blue” })),
Continue readinghow to perform multiple buttons event handling onclick in listview
Issue I have three buttons in listview. I need to perform multiple button click to trigger same method checkInstall. I dont know how to do. I have added relevant code: html file: <ListView [items]=”allAppsList” class=”list-group”> ……. ……. <StackLayout row=”0″ col=”2″>
Continue reading