Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

See the stack of Flutter Navigator

Tags:

flutter

During execution, is there a way for the developer to see the state of the Navigator stack?

I am using Visual Studio Code and Android Studio.

For instance:

Navigator  RouteA RouteB RouteD etc.  
like image 221
edmond Avatar asked Sep 29 '18 15:09

edmond


People also ask

What is MaterialPageRoute in Flutter?

MaterialPageRoute<T> class Null safety. A modal route that replaces the entire screen with a platform-adaptive transition. For Android, the entrance transition for the page zooms in and fades in while the exiting page zooms out and fades out. The exit transition is similar, but in reverse.


1 Answers

Following steps:

  1. Set a breakpoint where you want to inspect, which must be inside a builder function which has context, and run in Debug mode enter image description here

  2. Run your app to the break point

  3. Open "Evaluate expression" enter image description here

  4. Evaluate Navigator.of(context) enter image description here

  5. Inspect the _historyenter image description here

In my example, you can see there are 2 routes in the history, with all relevant debuggable data.

Hope it helps

like image 174
TruongSinh Avatar answered Sep 24 '22 19:09

TruongSinh