flutter-modular 如何使用路由仅更改部分小部件？答案

【问题标题】：flutter-modular how to use routing for only change part of the widget?flutter-modular 如何使用路由仅更改部分小部件？
【发布时间】：2021-06-12 10:48:51
【问题描述】：

Flutter 新手：

您好，我正在使用 Flutter 模块化做 Flutter 导航 3.0。

对于颤振模块，当路由改变时我如何只渲染部分小部件？似乎对于下面的示例，它从包文档中只是一个路由的一个小部件屏幕，但是，我想要 const 导航栏，只更改每条路由的内容，这样我们就不需要在每个路由中编码导航栏碎石。

每个屏幕的路线：

// app_module.dart
class AppModule extends Module {

  // Provide all the routes for your module
  @override
  final List<ModularRoute>  routes = [
      ChildRoute('/', child: (_, __) => HomePage()),
      ChildRoute('/login', child: (_, __) => LoginPage()),
  ];
}

按下屏幕：

Modular.to.navigate('/login');

【问题讨论】：

标签： flutter flutter-web

【解决方案1】：

您应该使用 RouterOutlet(); 而不是使用“部分小部件”。但在您的 ChildRoute() 中，您可能需要更改转换设置：

ChildRoute('/', child: (_, __) => HomePage(), transition: TransitionType.noTransition)

【讨论】：