Skip to content

Commit

Permalink
Browse files Browse the repository at this point in the history
replaces aws s3 hyperlinks with tizenschool.org
  • Loading branch information
Jeremi Sobierski authored and m-romaniuk committed Apr 5, 2023
1 parent 72f4462 commit 8b59f92
Show file tree
Hide file tree
Showing 36 changed files with 143 additions and 5,402 deletions.
18 changes: 1 addition & 17 deletions src/pages/tutorials/101.md
Expand Up @@ -35,8 +35,6 @@ To explain the pushing and popping logic we are going to use the pages below and

<img src="/assets/images/tutorials/100/AppNavigation_PagesIntoStack.png" style="height:517px; width:800px"/>



**Push**

When we want to go from one page to another, we must add this new page to the navigation stack. The page will be placed at the top of the stack and will become visible for the user.
Expand All @@ -45,8 +43,6 @@ In example below _Blue page_ is the one currently displayed. When we tap  _Go t

<img src="/assets/images/tutorials/100/AppNavigation_Push.png" style="height:582px; width:800px"/>



**Pop**

To return to the previous page, it is necessary to pop the current page from the stack. NavigationPage contains the navigation bar at the top of the screen which handles process of going to the previous page by default.
Expand All @@ -55,8 +51,6 @@ In example below we are on the _Green page_ . We can tap the _Go back to the pre

<img src="/assets/images/tutorials/100/AppNavigation_Pop.png" style="height:588px; width:800px"/>



**Go to the root**

NavigationPage allows to go back directly to the root page.
Expand All @@ -65,15 +59,13 @@ In our example, the user sees the _Green page_ , taps  _Go back to the root pag

<img src="/assets/images/tutorials/100/AppNavigation_GoToRoot.png" style="height:592px; width:800px"/>



Now we know how the navigation system works in Xamarin.Forms. It is time to learn how to implement it in our code.

## 3. Importing and building solution

Now, we will set up a Visual Studio environment for further development.

Step 1: Download and unpack **[AppNavigation.zip](https://s3-us-west-1.amazonaws.com/tizenschool/100/App_Navigation.zip)** file.
Step 1: Download and unpack **[AppNavigation.zip](https://tizenschool.org/assets/images/tutorials/100/App_Navigation.zip)** file.

Step 2: Click File > Open > Project/Solution...

Expand Down Expand Up @@ -107,8 +99,6 @@ The application is ready to be launched on the emulator or target device. This i

<img src="/assets/images/tutorials/100/AppNavigation_1_7_InitialState.png" style="height:600px; width:338px"/>



# II. EXAMPLE APPLICATION

## 1. Goal
Expand All @@ -119,8 +109,6 @@ The purpose of this chapter is to implement a fully functioning navigation syste

_Main page_ allows the user to navigate to the _Blue page._ From there, one can change page to _Green page__Red page_ or return to the previous page. Both _Green page_ and _Red page_ provides methods to return to previous page or go back to the _root page_ .



As the final result, we receive an application that allows smooth navigation between pages. The implemented code uses the capabilities of the NavigationPage class, builds and modifies the navigation stack.

## 2. Setting up navigation service
Expand Down Expand Up @@ -515,8 +503,6 @@ Step 5: Initialize commands in the class constructor.
```



## 4. Binding the view model to the view

The last thing to do is to combine our view model _AppViewModel.cs_ _with_ views. We are going to use the binding technique.
Expand Down Expand Up @@ -666,8 +652,6 @@ All we have to do is to add inside our views a reference to commands in the view

```



## 5. Testing

Congratulation! Our application is finished.
Expand Down

0 comments on commit 8b59f92

Please sign in to comment.