---
title: Navigation with URL encoded Parameters
hide_title: true
---
import ImportButton from '/src/components/importbutton'

# Navigation with URL encoded parameters example

This example demonstrated how to use **Multiple levels of navigation stacks** and how to **Encode Parameters in the URL** to pass values between pages. Follow the [Navigation Guides](/docs/guides/navigation/basic-navigation) to learn how the example was built.

<div className="ndl-image-with-background m">

![](/library/examples/navigation-url-encoding/encoding-params-final.gif)

<ImportButton zip="/library/examples/navigation-url-encoding/param-encoding-url.zip" name="Navigation Example" thumb="/library/examples/navigation-url-encoding/show-products-page-4.png"/>

</div>
