In NESTED NAVIGATION the pages overlap in the transition

manunavarro95 commented 10 months ago

Hi! I tell you my problem, when i use nested navigation in the component of navigation of my web (in the transition of nested route to nested route) the titles stack one second, i read the documentation of the package and do not know the error.

https://i.gyazo.com/f637291df44cce2db11abcb70332e3ee.mp4 (video)

`
CustomRoute(

      path: '/dashboard',
      page: RutaDashboard.page,
      guards: [authGuard],
      transitionsBuilder: TransitionsBuilders.noTransition,
      children: [
        AutoRoute(
          path: 'kyc-form',
          page: RutaKyc.page,
        ),
        CustomRoute(
          path: 'home',
          page: RutaInicio.page,
          initial: true,
          transitionsBuilder: TransitionsBuilders.noTransition,
        ),
        CustomRoute(
          path: 'brands-administration',
          page: RutaAdministracionMarcas.page,
          transitionsBuilder: TransitionsBuilders.noTransition,
        ),
        CustomRoute(
          path: 'content/:id',
          page: RutaEditorContenido.page,
          transitionsBuilder: TransitionsBuilders.noTransition,
        ),
        CustomRoute(
          page: RutaDbMediosDeComunicacion.page,
          path: 'media-database',
          transitionsBuilder: TransitionsBuilders.noTransition,
        ),
        CustomRoute(
          page: RutaBoard.page,
          path: 'board',
          transitionsBuilder: TransitionsBuilders.noTransition,
        ),
        CustomRoute(
          page: RutaAdministracionReportes.page,
          path: 'reports',
          transitionsBuilder: TransitionsBuilders.noTransition,
        ),
        CustomRoute(
          page: RutaAnaliticas.page,
          path: 'analytics',
          transitionsBuilder: TransitionsBuilders.noTransition,
        ),

] `

jointhejourney commented 9 months ago

Make sure the content of your routes has a background, otherwise you'll see this behavior as the stack router adds/removes pages into the stack.

lukaskurz commented 5 months ago

@manunavarro95 did you manage to fix this issue ? I am experiencing this too and it is very irritating, to the point of me considering to just forego a router based solution and just handle nested page changes in a widget with statemanegment

Milad-Akarie / auto_route_library

In NESTED NAVIGATION the pages overlap in the transition #1819