Course

Create Native Mobile Apps with NativeScript for Angular

1
Set up a native mobile app using the NativeScript CLI
59s
2
Preview NativeScript apps in the iOS Simulator
1m 10s
3
Preview NativeScript Apps in the GenyMotion Android emulator
1m 36s
4
Create native mobile views using NativeScript XML
3m 24s
5
Style NativeScript views using CSS
2m 5s
6
Style NativeScript views using the default core theme
2m 35s
7
Edit with live reloading using NativeScript livesync
1m 13s
8
Add native mobile page navigation using Angular Router
6m 14s
9
Add styles to active routes using nsRouterLinkActive
1m 11s
10
Create a page title using ActionBar
21s
11
Handle back navigation when using page-router-outlet
1m 37s
12
Open an Angular component in a native iOS and Android popup modal
5m 32s
13
Display lists using NativeScript’s ListView component
2m 14s
14
Bind data to NativeScript Angular components using RxJS Observables
1m 6s
15
Integrate a custom NativeScript UI component plugin via npm and registerElement
2m 58s
16
Create a custom app theme using SASS for NativeScript
3m 38s
17
Modify status bar colors on iOS and Android with NativeScript
2m 22s
18
Use the nativescript-themes plugin to switch app themes on the fly
3m 18s

⚠️ This lesson is retired and might contain outdated information.

Preview NativeScript apps in the iOS Simulator

InstructorNathan Walker

Share this video with your friends

Send Tweet

We can run our app in the iOS Simulator using the tns command line utilities. Also learn how to target specific simulator devices and versions. You must have a Mac to develop apps for iOS. Ensure you have XCode installed via the Mac App Store, and ensure you have opened it at least once to agree to the terms and install the additional components it may prompt about.

View code on GitHub

Create Native Mobile Apps with NativeScript for Angular

Preview NativeScript apps in the iOS Simulator

Social Share Links