Use A Side Drawer And Feature Rich List View In A NativeScript Angular App

I release a lot of content and build a lot of mobile applications using the NativeScript mobile framework, most of which includes Angular. Lately I’ve been getting many requests for information on using a side drawer within the application. These side drawer components can improve the user experience significantly so I figured I would explore the topic.

We’re going to see how to include a side drawer in our NativeScript Android and iOS application, built with Angular. To take things to the next level, we’re also going to include a feature rich list view as our core content.

(more…)

Nested Routing In A NativeScript Angular Application For Android And iOS

When building mobile applications you’ll often find yourself needing to create child components.  What do I mean by child components?  Take for example a mobile application with two different screen groupings, one where the user is not signed in and the other where the user is signed in.  In each of these groupings you could have multiple screens where the user is signed in and multiple screens where the user is not signed in.  Each screen under the parent grouping can be considered a child component and they could possibly share a template from the parent.  These child components often require nested routing to occur for a successful navigation.

We’re going to see how to create nested routes in a NativeScript mobile application built with Angular.  You’ll see that things aren’t much different from creating standard routes in an Angular application.

(more…)

Use Social Media Sharing Prompts In A NativeScript Angular Application

Social media can be huge towards building your brand and promoting your mobile application.  It can also make a difference in the user experience of your application.  Allowing users to share text and media on their own social media profiles could be huge, no matter how you look at it.  A while back I had demonstrated social media sharing in a vanilla NativeScript application for iOS and Android.  While vanilla NativeScript is still a very valid option, I’ve been going the route of Angular lately, so I figured this topic could be revisited.

We’re going to see how to implement social media sharing features in a NativeScript mobile application build with Angular.

(more…)

Solar Flare for Cloudflare

Solar Flare For Cloudflare Released On Android And iOS

I am pleased to announce that Solar Flare for Cloudflare, my first mobile development project in a long time, has been published to the iTunes App Store and Google Play!

So what is Solar Flare and who is it designed for?  This is a free application for managing data stored in Cloudflare on iOS and Android.  If you’re unfamiliar, Cloudflare is an amazing service that acts as a content delivery network (CDN), among other things related to web performance and security.

(more…)

Use The Native Device Clipboard In A NativeScript Angular Application

Back when I had just started to learn NativeScript I had created a tutorial for using the native device clipboard for copying and pasting.  The previous tutorial demonstrated this functionality in a vanilla JavaScript application.  In an effort to clean up any loose ends, I figured it would be a good idea to convert this tutorial into an Angular equivalent.  While nothing has really changed in the clipboard functionality, Angular is a very different animal.

We’re going to see how to copy and paste directly within an application built with Angular, TypeScript, and NativeScript.

(more…)

Use Visually Appealing Fancy Alerts In A NativeScript Angular Application

In pretty much every mobile application that I’ve ever made, I’ve had a need to use some form of alert dialog.  The problem with this is that standard alert dialogs are boring and can actually make your application less attractive.  This is where Fancy Alerts come in.

In NativeScript, there is a plugin called Fancy Alerts that can display visually appealing alerts with nice animations.  These alerts have smooth color schemes and can make your application that much more important.  We’re going to see how to include such alerts in our NativeScript Angular application.

(more…)

Display Toast Notifications In A NativeScript Angular Application

Back when I had just started working with NativeScript, about a year ago, I wrote a tutorial for displaying Toast notifications in Android.  While still valid, it demonstrated these notifications using vanilla NativeScript and JavaScript.  Not only that, but the notifications were only for Android.  Since the framework has become significantly better, I figured it would be a good idea to demonstrate these Toast notifications in a NativeScript Angular application.

We’re going to see how to use a plugin to display Toast notifications in a NativeScript Android and iOS application built with Angular.

(more…)

Using Modal Dialogs In A NativeScript Angular Mobile Application

Recently I was prototyping an application in NativeScript with Angular, but was feeling too lazy to set up the Angular Router to do multiple page navigation.  Typically when I run into this scenario I use the prompt dialog, but this time I needed something more than data input.  This lead me to the modal dialog.

With the modal dialog I can create a popup with pretty much anything on it and when I close it I can pass data back to the parent view.  We’re going to see how to use a custom modal within our iOS and Android NativeScript application built with Angular.

(more…)

Accessing The Device Camera In A NativeScript Angular Application

More than a year ago when I started playing around with vanilla NativeScript I encountered the camera module.  Previously I had even written a tutorial on using the camera in a vanilla NativeScript application.  The NativeScript framework has come a long way and now includes Angular support so I figured it would be a good idea to see how to use the camera with this framework.

We’re going to see how to access the native device camera and take pictures within a NativeScript Android and iOS application built with Angular.

(more…)

Learning The Angular Platform As Well As NativeScript In Ng-Book 2

I’ve kept this on the down-low the past few months, but I’m pleased to announce that a chapter I’ve contributed has been included in the incredibly popular ng-book 2!

The chapter I’ve contributed is a deep dive into NativeScript development for the Angular developer.  After learning every possible thing about Angular development you get to take your skills to the next level and apply them towards the development native mobile applications for Android and iOS.

(more…)