From the course: Building Native Mobile Apps with NativeScript and Angular 2
Unlock the full course today
Join today to access over 22,400 courses taught by industry experts or purchase this course individually.
Containers - JavaScript Tutorial
From the course: Building Native Mobile Apps with NativeScript and Angular 2
Containers
- [Instructor] Besides layouts, NativeScript comes with two container views; these are TabView and ScrollView. ScrollView is a very useful container that allows contents to be scrollable if they are larger than the available screen size. We implemented ScrollView in the item details component. TabView allows you to display different views on the same page, and link icons to each tab. We won't be using TabView for this application, and frankly, you can get the safe effect with more control by using other mechanisms that I'll be showing you in this course. Let's head over to the NPM website and do a search for NativeScript Telerik UI. The NativeScript Telerik UI package includes a popular container that you can use as a SideDrawer that's not part of the NativeScript package by default. It is distributed through NPM as a separate plugin and includes a few different UI components, some of which are premium, but we'll only see the free SideDrawer. Let's go out to the terminal and install…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
-
-
-
NativeScript widgets3m 38s
-
Details component3m 57s
-
Segmented bar5m 35s
-
Scroll view2m 40s
-
Layouts2m 7s
-
Layout example3m 11s
-
Containers7m 34s
-
Side drawer setup2m 32s
-
Style overrides2m 44s
-
Dynamic styling4m 45s
-
Styling main content5m 49s
-
Themes5m 40s
-
Images5m 14s
-
File system images4m 32s
-
Base64 images2m 29s
-
Gestures2m 45s
-
Animating button state3m 2s
-
Login animation setup3m 48s
-
Declarative animation4m 58s
-
Imperative animation9m 45s
-
-
-
-