Issue I’m starting to learn NativeScript Angular (I’m used to develop webapp/websites using Angular) and I’m still kind of confused on how to create some restricted access on the NativeScript app, or to restrict a specific route and/or sets of
Continue readingTag: nativescript-angular
How to hide some row item in listview with angular2 nativescript
Issue I need to remove/hide an item from the listview if a condition is met: both the getData and getCategory Name are equal. I tested in console log, for the first three items the above two conditions are equal. So
Continue readingLog Couchbase Query Results In Nativescript
Issue I’m new to Nativescript and Couchbase, but when executing a query against my Couchbase database I simply want to log the results. Here is my example code: let rows = this.database.executeQuery(‘profiles’); for(let i = 0; i < rows.length; i++)
Continue readingnativescript "Install Android SDK Platform 25" failed
Issue I am creating an app using nativescript. I have add the android platform as follows tns platform add android –sdk 22 as I want to build for API level 22. And when I build the app I get the
Continue readingAngular 4 httpd post call fails in iOS
Issue I am having a weird problem in a POST call in iOS using Nativescript and Angular 4. I have tested the same code in Android and works perfect. The server does not register any error but the call fails.
Continue readingHow I can get Image coordinate in Nativescript with Angular2
Issue I have an Image to show in my nativescript(with Angular2) app, where I want to make different part of image clickable. For example a human body image and I just want to know which part is clicked by the
Continue readingRe-render Nativescript ListView when ObservableArray item changes
Issue This is how I render the cases ObservableArray in my view <ListView [items]=”cases” class=”list-group” *ngIf=”cases”> <ng-template let-case=”item”> Say cases has these values: cases = [{id: 1, name: “Sam”}, {id: 2, name: “Romio”}] How can I get my ListView to
Continue readingNativeScript/Angular – TypeError: Cannot read property 'Symbol' of undefined
Issue I’ve got a page component which has a FormBuilder form: public adForm: FormGroup = this.fb.group({ questions: this.fb.array([]) }); I pass questions down to a <questions> component: <questions [questions]=”adForm.get(‘questions’)”></questions> Which has a @Input() questions: FormArray; and uses this template: <StackLayout
Continue readingNativescript's AOT Compilation succeeds – but still the `Compiler` package included?
Issue I’m invoking : npm run ns-bundle –android –build-app –uglify It does succeed (here is the complete log). If I navigate to the report folder (created by webpack-bundle-size-analyzer) – I see those two files : Opening the html file shows
Continue readingHow can I change the bottom border color for TextField when focus?
Issue I have a simple TextField : How can I change the blue color (programmatically) to another color , when textfield is in focused ? I’ve already accomplished partial solution : var v=this.page.getViewById< TextField>(“a”); var drawable = v.android.getBackground(); drawable.setColorFilter(new Color(“#b21755”).android,
Continue readingCannot read property MyToast.java of undefined
Issue I have been following this Tutorial to achieve Write Java code in nativescript and use directly in typescript But I got an error Cannot read property ‘MyToast’ of undefined app.component.ts: import {Component} from “@angular/core”; let application = require(“application”); declare
Continue readinghow to convert beloved android code into nativescript
Issue i try to convert beloved code same into nativescript but i am new i have no idea for this please tell me how to convert android code to nativescript … private void createWebPrintJob() { // Get a PrintManager instance
Continue readingCreate NativeScript Plugin using IOS Static Library issue
Issue I have created .a static library (tested in Xcode for native ios project and Its working fine) Now I am following this https://github.com/NativeScript/nativescript-plugin-seed to create nativescript plugin using .a static framework. Plugin structure module.modulemap file is created by me
Continue readingNativeScript ScrollView when component open it will scroll to some section
Issue im using ScrollView in my component like that <ScrollView height=”108″ orientation=”horizontal” sdkToggleNavButton> . . . some content </ScrollView> with scroll width about 1200, i’m looking for some way that when the component opens it will appears in the middle
Continue readingNativescript (typescript) How do I access/get the instance/reference of a component from a different component?
Issue I am trying to access the component(Class instance) of NavigationButton and SearchBar in ActionBar from the component(Class instance) of a tabItem in a TabView. How do I do this? <ActionBar color=”black” title=””> <NavigationButton #navBtn text=”Go Back” android.systemIcon=”ic_menu_back” (tap)=”goBack()” [visibility]=”navBtnVisibility”></NavigationButton>
Continue readingnativescript |layouts create ui for ngFor loop
Issue , im try to create an view and having troubles. im trying to create a row of Images with ngFor , so i dont know the exec number of images that will apper on the screen but in need
Continue readingNativescript – Angular 4, how to take the selected item's data in itemTap() in listview
Issue Find the below Listview code, where I have written the onItemTap($event) method in (itemTap). .html <ListView [items]=”customer” (itemTap)=”onItemTap($event)” class=”list-group”> <ng-template let-item=”item”> <StackLayout class=”list-group-item”> <Label [text]=”item.name”></Label> <Label [text]=”item.email”></Label> <Label [text]=”item.phoneNumber”></Label> </StackLayout> </ng-template> </ListView> .ts onItemTap(args) { console.log(args.data); console.log(args.view); console.log(args.index); console.log(args.object);
Continue readingnative modules are not working correctly in nativescript
Issue I am trying to use this android package to make a blur effect in nativescript. https://github.com/wasabeef/Blurry so in nativescript included the compile in my app.gradle in the /app/App_Resources/Android/app.gradle then rebuild everything works good and builds great. but when I
Continue readingNativescript angular navigate to previous component
Issue I have a ns-angular app that is structured as follows : in the app.component I have a master page-router-outlet with 2 pages Login Main Routing is configured in the following way : const routes: Routes = [ { path:
Continue readingangular-native-seed, Live sync is not working in windows 10
Issue In my native script project, I have used angular-native-seed. Everything does work except Live sync. The same was raised in git hub under the issue list, still it does not resolve by anyone. Whenever file change, gulp watch is
Continue readingNativeScript Hybrid Mobile App: Tracking/Capturing Crashes
Issue I am building a NativeScript mobile app and among other things I am capturing for analytics purposes, I need to capture “app crashes” possibly with errors/reasons it crashed. I came across this SO post but there it was in
Continue readingHow to pass a parameter to child route from a sibling route in Nativescript
Issue I’m using <page-router-outlet> as the main outlet in my application. In one of the pages .html I have several navigation buttons and a <router-outlet>, because I want to render the result of clicking those buttons to the <router-outlet>. At
Continue readingHow to access the item context inside RadListView tkListItemSwipeTemplate
Issue Using NativeScript 3 + Angular 5. I need to allow the user to swipe an item within a RadListView to reveal a short description about the item. <RadListView [items]=”featuredVideos” pullToRefresh=”true” selectionBehavior=”None” (itemSwipeProgressStarted)=”onSwipeCellStarted($event)” swipeActions=”true” (pullToRefreshInitiated)=”onPullToRefreshInitiated($event)”> <ng-template tkListItemTemplate let-item=”item”> <VideoComponent =”item”></VideoComponent>
Continue readingGet the height of a generated view
Issue I’m trying to get the height of a StackLayout. This layout is filled with data from my backend, so it’s not always the same height. I tried view.getViewById(parent, selector).effectiveHeight, but it keeps outputting 0. My XML file looks a
Continue readingNativescript Plugin for Caching
Issue Is there an actively maintained nativescript plugin for data caching? like nativescript-cache but sadly this plugin is now inactive. Solution you can use nativescript core module application-settings. it does exactly same as nativescript-cache plugin. import { getBoolean, setBoolean, getNumber,
Continue readingimport platform specific componet to a module in nativescript angular
Issue I have a component that I split into platform specific files ex.component.ios.ts and ex.component.android.ts my question is how to import it into the module because using just ex.component gives me an error thanks. Solution i think it can be
Continue readingbyte array image src nativescript
Issue In nativescript(with angular) is there any way to set the src of an image from the response of a web api call that returns the image as byte array/base64? There is not to much documentation, and I need to
Continue readingNativeScript gesture state name to corresponding number
Issue I want to use gestures in my nativescript-angular app. When I log this: console.log(“Pinch scale: ” + args.scale + ” state: ” + args.state); args.state gives me numbers (1,2,3), but in the docs they referred to names such as:
Continue readingSet width of Switch
Issue I am using Nativescript with Angular and I would like to set the width of a Switch element. To do this I added: style=”width: 20%; min-width: 20%;” To the element in the template. But the width of the element
Continue readingNot able to get element's native view in NativeScript
Issue I am trying to change the width of some Switch elements in NativeScript with Angular because they are too small in my opinion. I have found that there is no way to do this through NativeScript’s CSS subset so
Continue readingstill confused Routing and child Nativescript angular
Issue i am working with nativescript 4+ angular framework. i had done login and register component. but right now i get trouble with main component. the tree is like this app { main, login, register } then. main has canActivate
Continue readingManually set current user credentials in AWS Appsync
Issue I’m using Nativescript with AWS Amplify to login to AWS AppSync. The session stored by Amplify is cleared after app refresh. I get no user from Auth.currentSession() after app refresh. However, I store the jwt from login and can
Continue readingNativeScript: XML template to HTML
Issue I’m new to NativeScript and I’m working on a NativeScript application with TypeScript, Angular, and HTML. I want to use this plugin in my application. I’ve installed the plugin successfully and encountered no error and tns run android ran
Continue readingHow to set a default starting page in nativescript Angular
Issue I built a nativescript project with tns create appname –template ng , it uses page-router-outlet,the nativescript docs say that the newest component is what starts up and I have page i want to start up first, is there anyway
Continue readingDeleted hooks folder
Issue I have a nativescript project where I deleted the hooks and platform folder to run a tns install again. This time the hooks folder never came back. How do I get the hooks back? It seems to be causing
Continue readingnativescript-admob plugin error
Issue I added the nativescript-admob plugin to my NativeScript Angular project and have the below code in a service that I inject into a component: import { Injectable } from “@angular/core”; import * as Admob from “nativescript-admob”; @Injectable() export class
Continue readingNativescript margin CSS being ignored
Issue I am using NativeScript with Angular and have the below FlexboxLayout inside of a ScrollView. I have created some css classes like margin-bottom-five to add margin to some of the elements. This margin is being completely ignore inside the
Continue readingNativescript GridLayout set row height in typescript
Issue Is there a way to change/set the height of a GridLayout row after it has already been drawn? For example, I have a GridLayout setup like this: <GridLayout class=”template_body” rows=”40,*,60″> <StackLayout row=”0″ [visibility]=”isTablet ? ‘visible’ : ‘collapsed'”> <Label text=”Drag
Continue readingEnable swipe in TabView
Issue I am using NativeScript Angular and have a TabView that is set to the bottom position. I would like to allow the user to swipe between tabs on both iOS and Android but in the TabView docs it says
Continue readingNative Script : DatePicker not working on iOS
Issue I have used NativeScript datepicker and it is working fine with the Android application but I run the same application in iOS then it will occur crash the app. code is given below which I used private openDropDownSelectionModal<T>(dropDownType: string,
Continue readingHandling 'back' button in nativescript angular2 inside component
Issue I’m trying to handle ‘back’ button as shown in Nativescript handling back button. There are two methods proposed, and both run ok. My problem is how to interact with my component’s local data, since ‘android.on’ is a global event.
Continue readingAngular BrowserModule for NativeScript
Issue As we use BrowserModule for using ngModel in web area, and is imported by default while creating new ng app, what is the equivalent for this in NativeScript? Solution If you want to use ngModel to nativescript app, you
Continue readingNativeScript push-plugin not displaying notifications on the notification bar
Issue I’m using NativeScript’s push-plugin to receive notifications sent from Firebase Cloud Messaging (FCM): public constructor( private _services: PushService, ) { const settings = { senderID: “XXXXXXXX”, badge: true, clearBadge: true, sound: true, alert: true, interactiveSettings: { actions: [{ identifier:
Continue readingIncluding shared styling within NativeScript app using angular.json stylePreprocessor
Issue I’m attempting to use the Angular 6’s stylePreprocessorOptions so I can simply @import ‘app’ to import branding/other shared stylings into a component. My nativescript project exists within a NxWorkspace setup, which itself contains an angular.json. The documentation from @nativescript/schematics
Continue readingPopulating nativescript radList view with Data from Webservice
Issue I have a RadList view which am trying to populate with data from a web service. The data returned from the service is in JSON format. So am trying to create a service which i will use to get
Continue readingHow to resize an image on ActionBar for iOS
Issue I have the following code for the ActionBar <ActionBar title=”” class=”action-bar”> <NavigationButton (tap)=”toggleDrawer()” class=”action-bar-item” ios:visibility=”collapsed” icon=”res://menu”> </NavigationButton> <ActionItem icon=”res://menu” android:visibility=”collapsed” (tap)=”toggleDrawer()” ios.position=”left”> </ActionItem> <StackLayout class=”action-item” android:horizontalAlignment=”center” ios:horizontalAlignment=”center”> <Image src=”res://ideas_wt_full” width=”60%” height=”60%” [visibility]=”android ? ‘visible’ : ‘collapsed'”></Image> <Image src=”res://ideas_wt_full” width=”30%”
Continue readingHow to implement the menu that appears when sliding an element to the side on nativescript?
Issue I am going over the docs but I can’t find what I’m looking for. The type of animation I want is for example what you have when looking at your email on iOS where you can slide the individual
Continue readingNativescript Angular Navigation: Failed to find module relative to app://
Issue I’m trying to navigate to a new screen including tab navigation (in a new module) after successful login, but I’m getting the following error: Failed to find module: “./start/start.module”, relative to app:// It’s most likely related to a missing
Continue readingDynamic object key to display *ngFor in Nativescript with Angular
Issue I have the dataset which has derived from the group by product name as below. I need to iterate the array of object and display the product name with all the size of the product. Sample dataset [ {
Continue readingNativeScript Angular 6 two way binding doesn't work on TextField
Issue Introduction NativeScript version 4.2.4 Angular version 6.0 This is my first app on nativescript. I’m familiar with angular, so I need to choose nativescript over ionic for building native hybrid apps. Scenario I have created this app using sidekick.
Continue readingNativescript Angular SegmentedBar item dynamic title
Issue I’d like to build a SegmentedBar with a dynamic title, for example: “Notes (5)” where 5 is the number of notes showed in these segment. My problem is I’m not able to access segment title in code. I’m generating
Continue readingAndroid and IOS application cross-platform development
Issue I have to develop a simple application for Android and IOS (Gui with use standard android/ ios components – both have equivalent components for what I want use). So I’m looking for a cross-platform solution that can make it
Continue readingNativescript environment value getting either Boolean or undefined.
Issue Whenever I try to run the build as below, I get the environment value as Boolearn or undefined, not the actual value of the environment. Anyone find that how to take the value instead of boolean value. Command to
Continue readingListView in tabview doesn't update
Issue Hello I have quite strange problem with listView in TabView. I spend all day with solving this, but with no result. Because of not refreshing listView (ngZone didn’t help), I have to do refresh programatically in listView. It work’s,
Continue readingWhy I can't access native UINavigationBar from ActionBar?
Issue I was trying to access and didn’t find the UINavigationBar from an ActionBar, could someone help me there? TS file let bar: ActionBar = this.page.getViewById<ActionBar>(“bar”); bar.ios.nativeView // undefined bar.nativeView // undefined HTML file <ActionBar id=”bar” class=”action-bar” title=”Recipients”></ActionBar> Solution Ok
Continue readingImporting components in Nativescript Angular
Issue I recently start playing with Nativescript (angular) and I wanted to import a video player plugin. Everything worked great however I was a little confused with the code they used in demo which lead me to this page: Integrating
Continue readingnativescript drawer navigation angular – how to navigate?
Issue I’m new in nativescript but have an experience in angular. I’m using this template for my first app: https://github.com/NativeScript/template-drawer-navigation-ng I want to navigate inside module, example: in /settings i want: /settings/card /settings/general etc… When i create a component and
Continue readingGetting undefined error when trying to add array
Issue When user click on button, I have to add the value inside sample array. Below i have posted the code: sample_apps.json: { “user”: { “userId”: “maxwell”, “sample”: [ ] } } app.component.ts: import { Component } from “@angular/core”; import
Continue readingNativescript – Tabview flashing transition
Issue I’m encountering a problem with the ‘Tab Navigation’ template of Nativescript (V4) with Angular, with Android, on emulator (Nougat v7.1.1) or on the device (Oreo 8.1). When I navigate between tabs, the screen “flashes”. The behavior seems linked to
Continue readingHow do I fix my "Failed to find module: "@angular/compiler" error?
Issue I’ve upgraded to the latest nativescript, typescript and using angular. Now whenever I try to compile, I get this error, regardless of the platform I am compiling to. Error: com.tns.NativeScriptException: Failed to find module: “@angular/compiler”, relative to: app/tns_modules/ below
Continue readingNativescript RadListView Header Disappearing (Android)
Issue I am using RadListView trying to use the header feature. If I try to use a StackLayout inside the header it disappears after the content is loaded. But if the header is one element (such as a Label) it
Continue readingNativeScript UI Chart Legend: change label to square
Issue How do I change the legend label of a pie chart to a square. I looked at the example code but it does not change the label to a square for me. <RadCartesianChart height=”300″> <CategoricalAxis tkCartesianVerticalAxis></CategoricalAxis> <LinearAxis tkCartesianHorizontalAxis></LinearAxis> <BarSeries
Continue readingHow to access android's R object in NativeScript?
Issue I am trying to access android’s R object in NativeScript with Angular but I haven’t had any success. The instructions here say to do it like this: android.R.color.holo_purple But when I try to import the android variable from the
Continue readingHow to access the navigation stack NativeScript
Issue I’m trying to create a breadcrumbs for my Nativescript-Angular application. I read in the navigation documentation that With <page-router-outlet> when you navigate forward, the current page and views are saved in the native navigation stack. How can i access
Continue readingJS: java.lang.Exception: Failed resolving method read on class android.media.AudioRecord
Issue I’m trying to use android.media.AudioRecord to save audio, initialization is OK, startRecording() is also called without error, but when I start reading audio from the buffer I got error Failed resolving method read on class android.media.AudioRecord. Here is the
Continue readingangular ng-template with nativescript is really weird buggy
Issue Sorry for that not so concrete title but starting with angular + NS I experience so much weird exceptional behavior that really wonders me. That works ok: <StackLayout> <ListView [items]=”items” class=”list-group”> <ng-template let-item=”item”> <Label [nsRouterLink]=”[‘/item’, item.id]” [text]=”item.name” class=”list-group-item”></Label> </ng-template>
Continue readingLazy module can not be found although path seems correct
Issue link: https://play.nativescript.org/?template=play-ng&id=Annyna&v=4 error: ERROR Error: Uncaught (in promise): Error: com.tns.NativeScriptException: Failed to find module: “./TrainingUnit”, relative to: app/trainingunit/list/ Its odd that the module name in the error message is: “./TrainingUnit” The module file name is: trainingunit.module The module class
Continue readingpresentViewController does not exist
Issue I am building a plugin in NativeScript. When I try to access “presentViewController” method on rootViewController, I get the error “property presentViewContrller does not exist”. const rvc = UIApplication.sharedApplication.keyWindow.rootViewContrller; rvc.presentViewContrller(myViewController, true, completion() {}); It suggests to use presentViewContrllerAnimatedCompletion which
Continue readingHow to upgrade to NativeScript 5?
Issue I have a mobile app on NativeScript 4.2 with Angular. How do I upgrade to NativeScript 5.0? I also would like to start using the preview app from the NativeScript CLI. Solution Follow the upgrade instructions at https://docs.nativescript.org/releases/upgrade-instructions. The
Continue readingUnwanted Top and Bottom White Space in Android Webview after keyboard disappears
Issue References SO Questions: remove-unwanted-white-space-in-webview-android and android-webview-has-extra-white-space-at-the-bottom I am using NativeScript for angular mobile app development. I have a login page that renders in webview and once app has the token, app then redirects to other native components. My problem
Continue readingHide tab buttons on Nativescript-Angular TabView
Issue I’m trying to find a way to remove the tab buttons on a element with an Angular 6 app but with no avail so far. Basically, I only want to keep the Tab contents and their swipe functionality. Apparently
Continue readingdelegate callbacks are not raised with ios plugin
Issue I’m building an ios plugin for a native library. The issue I am facing is the library starts to work and the view controller presenter is working fine, but the callbacks which are passed through a delegate are never
Continue readingNativeScript flat ActionBar overlapping ScrollView
Issue I have a flat ActionBar flat: true in CSS and a ScrollView inside of a GridLayout. The view initially renders with the ScrollView underneath the ActionBar. A margin-top on the GridLayout (top level view) worked fine with the default,
Continue readingNativescript transparent row gridlayout
Issue I have a grid layout with a fixed header and navbar and a scrollview for the page <GridLayout rows=”50, *, 50″> <StackLayout row=”0″> // header </StackLayout> <ScrollView row=”1″> <StackLayout> // page </StackLayout> </ScrollView> <StackLayout row=”2″> // nav </StackLayout> I’m
Continue readingNativeScript tap on element with z-index
Issue I am trying to create mapping over image for the areas to tap on. It’s for a demo for now and I don’t have time to build out all of the native parts. For now I am overlaying a
Continue readingNativeScript ListView scroll event
Issue How can I detect when a ListView is scrolled? I tried wrapping the ListView in a ScrollView and using the scroll event on the ScrollView. Doesn’t work. Solution I’ve used the PanGesture on a ListView to capture when a
Continue readingAssets Folder Not Including HTML Files In NativeScript Android Build
Issue I am trying to display a local html file with JS and CSS and PNG images referenced by it. I put the files into my assets folder of a NativeScript x Angular app for Android. When I run tns
Continue readingNativeScript RadListView component template
Issue I am trying to use an Angular component as the template for RadListView. <StackLayout> <RadListView [items]=”stories” marginRight=”-2″ separatorColor=”transparent” height=”100%”> <ng-template tkListItemTemplate let-story=”item”> <NewsItem [story]=”story”></NewsItem> </ng-template> </RadListView> </StackLayout> I get the following error. file:///app/tns_modules/tns-core-modules/ui/core/view/view.js:57:124: JS ERROR Error: onMeasure() did not
Continue readingNativescript Missing Dashed Border
Issue I am looking for a border-style: dashed; styling option for stack layouts. But I don’t see any support for it. How can I create a dashed border style? Solution NativeScript supports a subset of CSS. That said some of
Continue readingHow can I get the tap sound when a user touch a gridlayout?
Issue How can I get the tap sound when a user touch a gridlayout? <GridLayout row=”3″ colSpan=”2″ columns=”15*,75*,10*” height=”12%” rows=”*,*” class=”card-large box” (tap)=”onTap()”> <Label text=”” class=”fa centered icon-category” col=”0″ rowspan=”2″></Label> <Label text=”MyText” class=”category-name” verticalAlignment=”bottom” col=”1″ row=”0″></Label> <Label text=”numbers” verticalAlignment=”top” col=”1″
Continue readingNativeScript FontAwesome 5 free version overwrites regular font by solid font in iOS
Issue Trying to use the below font to show user icon using FontAwesome 5 in Nativescript, the user icon with regular view is loading correctly in Android. But in iOS version the icon is overwritten with Solid font. <Label class=”page-icon
Continue readingNativeScript Angular: How do I redirectTo child nested route?
Issue I’m using NativeScript Angular, and can’t figure out how to setup the default view to use a children nested route path. The easiest way to convey what I’m trying to accomplish is to look at my playground here: https://play.nativescript.org/?template=play-ng&id=WvQnzu&v=581
Continue readingHow to Nest List Views in NativeScript
Issue I’m trying to display a list of items within a list of items. Basically it’s a card game, where each suit is being repeated, and then each card for each suit is being repeated. <StackLayout margin=”10 0 60 0″
Continue readingangular example for Multi-Column ListView – nativescript
Issue this may be a really simple question from ur view but I didn’t find a simple example anywhere I found this already https://play.nativescript.org/?template=play-tsc&id=VNkHaw&v=4 but it is not in angular and I am quite a beginner in nativescript (working about
Continue readingListviewLinearLayout itemWidth not supporting in android platform of nativescript
Issue Documentation: https://docs.telerik.com/devtools/nativescript-ui/Controls/NativeScript/ListView/item-layouts#using-listviewlinearlayout To perform horizontal scroll in recyclerview i have used ListViewLinearLayout as per the documentation. Documentation itself they mentioned clearly: The itemHeight and itemWidth properties are iOS specific. If not used, items are sized dynamically depending on the
Continue readingthis.router.back() With parameter in Nativescript
Issue Using Nativescript 5.0 + Angular Unable to figure out how can I accomplish it? From first view (referred in this post as original view), user taps a button this.router.navigate([“secure/booking/city”]) displays new view having listview User taps the city item
Continue readingNativeScript valueChanges never emits when binding formControl on a TextField
Issue I have a TextField and I’m trying to use a formControl binding on it like this: <TextField class=”input right” [formControl]=”query”></TextField> So I can then listen for changes like this: public query = new FormControl(”); … this.querySubscription = this.query.valueChanges.subscribe((query) =>
Continue readingNativescript – Android TabView back button custom navigation
Issue In an Nativescript application I need to implement a custom navigation scenario for Android when user click on material/soft back button. For simplicity, starting with login-tabs template (https://github.com/ADjenkov/login-tabs-ng) and I want implement a navigation like Instagram, Facebook, WhatsApp, Pinterest,
Continue readingHow do I remove the action bar from the app?
Issue I’m trying to remove the action bar from the app that I’m developing in NativeScript, I remove all the code that was related to the action bar (html and css code) but it continues appearing on the app. HTML:
Continue readingNativescript sidekick error during cloud build
Issue I am getting a strange error from sidekick cloud build since a few hours ago. I was building the app successfully, but all of a sudden, it gives me the following error and even reversing the changes does not
Continue readingBlob type not supported
Issue I am using Nativescript 5 and Angulat 4, and I am trying to download an image using a get request using @angular/http getImageFile(path){ let headers = new Headers(); headers.set(“Content-Type”, “image/jpeg”); return this.http.get((encodeURI(this.serverUrl + path)),{method: RequestMethod.Get, responseType: ResponseContentType.Blob, headers: headers
Continue readingPage-router-outlet to get the higher component
Issue I am working on nativescript angular project that using RadSideDrawer And here my main-routing.module.ts import { NgModule } from “@angular/core”; import { Routes } from “@angular/router”; import { NativeScriptRouterModule } from “nativescript-angular/router”; import { MainComponent } from “~/app/components/main/main.component”; const
Continue readingHow to hide horizontal scroll indicator for ios in nativescript angular
Issue Hi I am developing application for iOS and Android using NativeScript-Angular. I have created horizontal ListView using RadListView plugin. Everything works fine, but the scroll indicator does not hide in iOS. In Android the scroll indicator was hidden. How
Continue readingError: Application entry point file not found
Issue I used this link https://blog.angular.io/apps-that-work-natively-on-the-web-and-mobile-9b26852495e7 to create a new shared application and it showed site on browser correctly. But when I built apk and installed in mobile, its showing error “Application entry point file not found” Commands I followed:
Continue readingHow to detect if the scrollview stops scrolling in nativescript angular?
Issue Iam developing android and ios application using nativescript angular.Iam using scrollview to show list items.Is there anyway to detect if user stopped scrolling in scrollview? Please provide any solution for this. Solution You could listen to the touch event
Continue readingCan't see values in console.log() in nativescript
Issue I have an js file which includes an array! The js file is like this one export const appointments = [ { “taskID”: 9018929, “resource_ID”: 1, “title”: “KNDL Thatcham”, “description”: “<Non-Selected>\r\n10:00 – 18:00”, “startTime”: “2018-12-28T00:00:00”, “endTime”: “2018-12-28T23:59:00”, “statusColour”: “#DFDFDF”,
Continue readingIn nativescript for IOS can I change the webview browser client
Issue I am using Nativescript 5 and Angulat 4, and I want to change the Webview browser client, I want to load with chrome. Is it posible? And, how can I do it? Solution NO. A WebView is a view
Continue readingHow to access the native android scrollview listener from nativescript angular?
Issue Iam working android and ios application using nativescript application,I was created the customised scrollview with extending android.widget.ScrollView in nativescript angular and i had listeners inside the scrollview.I want to set my customised scrollview listeners and its override methods to
Continue readingHow use MediaFilePicker and PhotoEditor plugins in Nativescript
Issue I am trying to use MediaFilePicker on nativescript and at the same time use the PhotoEditor plugin to crop/edit the photo taken from the camera but I don’t make it work… here is part of my code: let options:
Continue readingNested page router outlets height not adjustable (ios)
Issue I am using this example that has nested page-router-outlets. I discovered that the nested router will always take 100% percent of the page height on iOS, while on Android it will obey what you tell it. For example, if
Continue reading