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.
Details component - JavaScript Tutorial
From the course: Building Native Mobile Apps with NativeScript and Angular 2
Details component
- [Instructor] Now let's do a little more work on the PT item component, and see a couple more UI widgets in action. At this time, the PT item component is a stand alone page that will show the details of the backlog item. Backlog items are going to have quite a bit of data associated with them, and we don't want to overwhelm the users. So the design calls for splitting up the data for each item into multiple views. We need to be able to edit the item details, such as title and description. We need to show and edit the tasks associated with the item, and we also need to show the chit chat section where users can leave comments about the item. All these views can be implemented using separate components that are children of the PT item component. I'll change the app.component to show the PT backlog again. We'll start with a details child component. Let's create a set of files for the new pt item details component. In the backlog folder, in the pt item folder, we're going to create a…
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
-
-
-
-