嵌套选项卡路由的颤振AutoRoute用户界面故障

Question

这是我的AutoRoute设置：

@MaterialAutoRouter(
  replaceInRouteName: "Page,Route",
  routes: [
    AutoRoute(path: "/login", initial: true, page: Login),
    AutoRoute(path: "/signup", page: Signup),
    AutoRoute(path: "/password-recovery", page: PasswordRecovery),
    CustomRoute(
      path: "/home",
      guards: [AuthGuard],
      page: NavigationWrapper,
      transitionsBuilder: TransitionsBuilders.noTransition,
      children: [
        AutoRoute(path: "", name: "HomepageRouter", page: Homepage),
        AutoRoute(
          path: "evaluate",
          name: "EvaluateRouter",
          page: EmptyRouterPage,
          children: [
            AutoRoute(path: "", page: Evaluate),
            AutoRoute(path: "evaluationResult", page: EvaluationResult),
          ],
        ),
        AutoRoute(path: "search", name: "SearchRouter", page: Search),
        AutoRoute(path: "profile", name: "ProfileRouter", page: Profile),
        RedirectRoute(path: "*", redirectTo: ""),
      ],
    ),
  ],
)
class $AppRouter {}

在名为StatefulWidget的NavigationWrapper (查看"/home“路由)中，我设置了AutoTabsRouter。

问题是，当我在"/home“中的任何路由中添加子路径时(在本例中，我将其添加到”/home/估价“中)，我正在经历这种UI”故障“。

它看起来像两层重叠，但与左垫。

这个故障在“/home/估价”和“/home/估价结果”中都有。

注意：看屏幕的左边，在那里我用红色的矩形突出显示。我不得不用黑色矩形覆盖UI，因为这是一个客户端的项目。

​

​

Answer 1

问题在于Padding小部件。特别是，不应该在Padding小部件中显示所有嵌套路由。他们需要把Padding小部件放在里面。

我解决了在NavigationWrapper中删除NavigationWrapper小部件并将其放入Evaluate中的问题。