PowerApps – Navigate between screens

An app typically has more than one screen and we need the capability to navigate it. PowerApps has two functions, Navigate and Back that helps with navigation. Let’s check out how these functions work.

Download the App from here.

Select Next button on the WOD screen. From the properties section pick OnSelect. Notice the formula:

Navigate(WODDetails,ScreenTransition.Fade)

Here is what it means – On selecting the Next button, navigate to WODDetails screen and while navigating fade the old screen to display the new screen.

Navigate function takes 3 parameters.

Parameter 1: Name of the screen to be displayed.

Parameter 2: Transition options while navigating between screens. Options available are Cover, Fade and None.

Parameter 3: This is an optional parameter. Using this we can pass variables between screens. (I will talk about this in my next post).

Once you are in WODDetails screen, select the Back button. From the properties section pick OnSelect. Notice the formula:

Back(ScreenTransition.Fade)

Here is what it means – On selecting the Back button, navigate to the most recently displayed screen and while navigating fade the old screen to display the new screen.

Back function take only one optional parameter:

Parameter 1: Transition options while navigating back to the most recent screen. Options available are Cover, Fade and None.