Syntax:
Navigate( ScreenName [, Transition [, UpdateContextRecord ] ] )
- ScreenName: Required, the screen to which the user is being navigated.
- Transition: Optional, the type of visual effect used during the navigation (e.g., None, Fade, Cover, UnCover). The default value is None.
- UpdateContextRecord : Optional, a record used to update the context variables during the navigation.
Using Navigation to change the screen within App
As shown, our Canvas App contains two screens: Screen1 (named screen_1) and Screen2 (named screen_2). We have added a button to Screen1 and labeled it “Navigation”.
Lets navigates from the current screen which is Screen1 to Screen2.
Go to the OnSelect property of button and write below formula.
Navigate(screen_2, ScreenTransition.None)
In this formula, the value ScreenTransition.None indicates that no transition effect will be applied during navigation.
This is the default value, so if you omit the second argument, the transition will automatically be set to None by default.
Let’s run the app and click the “Navigate” button. You can see it navigates you to Screen2
Similarly, you can also explore other transition effects when navigating between screens.
Navigate( screen_2, ScreenTransition.Fade ):Â Â To navigate to a screen named screen_2 with a “fade” transition effect.
Using Navigate with Context
You can navigates to Screen2, and passes the context variable value during the navigation.
Go to OnSelect property of Navigate button and write below formula.
This formula passes the context variable var_Label value “This is Screen 2” to target screen which is screen_2. This variable can be used on the new screen for dynamic content display.
Navigate(
 screen_2,
 ScreenTransition.Cover,
 {var_Label: "This is Screen 2"}
)
In this formula, {var_Label: “This is Screen 2”} Â is a context variable being passed to screen_2.
var_Label is the name of the context variable.
“This is Screen 2” is the value assigned to the variable. This can be displayed or used on screen_2.
