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.
Layouts - JavaScript Tutorial
From the course: Building Native Mobile Apps with NativeScript and Angular 2
Layouts
- [Instructor] In NativeScript, we use Layout to position and align user interface elements on the screen. There are six predefined layouts that come out of the box with NativeScript, and they cover a huge variety of layout requirements. All these layouts inhered from a common layout parent class which in turn inheres from View, as did all the other UI elements we've seen before. Let's go through these right now. The FlexboxLayout is a nonconforming implementation of the CSS Flexbox Layout that you can find on the web. The AbsoluteLayout lets you set exact locations, left and top coordinates, for its children. The DockLayout arranges its children at its outer edges and allows its last child to take up the remaining space in the middle. The GridLayout is a very powerful one. It defines a rectangular layout area that consists of columns and rows, kind of like the table in HTML. The StackLayout is my favorite. It arranges its children horizontally or vertically. The direction is set with…
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
-
-
-
-