局部路由用Navigator组件来实现

    1. class TabOne extends StatefulWidget {
    2.   TabOneState createState() => TabOneState();
    3. }
    5. class TabOneState extends State<TabOne> {
    6.   @override
    7.   Widget build(BuildContext context) {
    8.     return Navigator(
    9.       initialRoute: '/',
    10.       onGenerateRoute: (RouteSettings settins) {
    11.         WidgetBuilder builder;
    12.         switch(settins.name) {
    13.           case '/':
    14.             builder = (context) => RightSide(); // 局部路由子组件
    15.             break;
    16.         }
    17.         return MaterialPageRoute(builder: builder, settings: settins);
    18.       },
    19.     );
    20.   }
    21. }
    23. // 在RightSide中使用自己的上下文context跳转就是局部跳转
    24. Navigator.push(
    25.   context,
    26.   MaterialPageRoute(builder: (context) => XXX(), fullscreenDialog: true),
    27. );
    28. // 在RightSide中如果想使用全局跳转， 可以预先将顶层组件的上下文储存在全局变量中， 使用顶层的上下文跳转即为全局跳转
    29. Navigator.push(
    30.   global.homeContext,
    31.   MaterialPageRoute(builder: (context) => AttendClass()),
    32. );