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.

Create native mobile views using NativeScript XML

InstructorNathan Walker

Share this video with your friends

Send Tweet

Published 8 years ago

Updated 9 months ago

This is the fundamental building block for native views. Let’s understand the syntax and some of the options available to us to construct our views starting with Layout Containers. StackLayout and GridLayout containers are the most commonly used. Also learn about helpful snippets for a few popular IDE’s.

View code on GitHub

Create Native Mobile Apps with NativeScript for Angular

Create native mobile views using NativeScript XML

Social Share Links