Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

In NESTED NAVIGATION the pages overlap in the transition #1819

Open
manunavarro95 opened this issue Dec 15, 2023 · 2 comments
Open

In NESTED NAVIGATION the pages overlap in the transition #1819

manunavarro95 opened this issue Dec 15, 2023 · 2 comments

Comments

@manunavarro95
Copy link

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
Copy link

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
Copy link

@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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants