In this video, Alex Ziskind uses different methods available for navigating to the previous screen.
- [Instructor] Once we navigate to a page or a component,…we may want to return to the previous one.…This is a commonly used function…in web and mobile applications.…Web browsers provide a dedicated back button…and Android phone provide either…a hardware or software button for this, as well.…iOS applications have to handle this completely in software.…We've already seen how to use the built in back navigation…either by sliding the top most page…off the screen to the right like so,…or by hitting the back button that is provided to us…by the framework's navigation bar automatically.…
What if we wanted to programmatically…navigate back as a side effect of another action?…Let's take a look at the pt-item-component,…open up the TADScript file and html.…At the top we have an action bar that we haven't used yet.…Let's head out to your exercise files,…and in the steps folder for chapter six, lesson five,…open up the resources file.…And we're gonna copy this action item line,…and paste it right inside the action bar.…
Author
Released
6/6/2017- Setting up the development environment
- Using the NativeScript CLI
- Using Angular with NativeScript
- Angular bootstrap
- Application architecture
- Components
- User interface
- NativeScript widgets
- Application lifecycle
- Data and event binding
- Navigation
Skill Level Intermediate
Duration
Views
Related Courses
-
Learning ECMAScript 6
with Eve Porcello2h 4m Beginner -
JavaScript: Functions
with Ray Villalobos1h 25m Intermediate -
JavaScript: Events
with Ray Villalobos2h 11m Intermediate
-
Introduction
-
Welcome1m 24s
-
What you should know1m 23s
-
Touring the demo application2m 33s
-
-
1. Getting Started and Tooling
-
Using the NativeScript CLI6m 17s
-
2. Introduction to NativeScript with Angular
-
Angular bootstrap2m 24s
-
3. Application Architecture
-
Components5m
-
Component template2m 58s
-
Component styles2m 25s
-
Template variables3m 41s
-
Handling Listview tap2m 33s
-
Backlog item template4m 9s
-
Nested layouts4m 50s
-
Directives: ngIf6m 52s
-
Directives: ngFor3m 48s
-
Dependency injection: Part 14m 26s
-
Dependency injection: Part 26m 31s
-
Application lifecycle9m 56s
-
Modules3m 40s
-
Barrels2m 6s
-
-
4. User Interface
-
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
-
-
5. Data and Event Binding
-
Setting up the Faker library3m 15s
-
Generating users12m 42s
-
Property binding4m 20s
-
Event binding5m 15s
-
ngModel basics7m 3s
-
ngModel forms9m 45s
-
Component communication 1015m 29s
-
Component output3m 49s
-
Component input8m 3s
-
List component filtering5m 14s
-
Angular pipes14m 7s
-
-
6. Navigation
-
Native navigation10m 57s
-
Master detail4m 39s
-
AuthGuard10m 28s
-
Angular style navigation8m 27s
-
Back navigation6m 31s
-
-
Conclusion
-
Next steps1m 21s
-
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.
CancelTake notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.
Share this video
Embed this video
Video: Back navigation