使用GetX 進行路由跳轉非常的簡單，只需要調用Get.to()即可進行路由跳轉嗜浮，而系統(tǒng)的路由跳轉需要寫八行代碼嘉汰，這是不能忍受的事情丹禀，而且涉及到跳轉動畫設置 、動畫時長定義、動畫曲線 等設置那就更加的復雜双泪，而GetX為我們封裝了Navigation持搜，無需context可進行跳轉，并且能很方便的使用跳轉動畫等焙矛。

Navigation—通過to方法進行路由跳轉
第一步：應用程序入口設置

import 'package:flutter/material.dart';
import 'package:flutter_getx_example/NavigationForNamedExample/NavigationForNamedExample.dart';
import 'package:get/get.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return GetMaterialApp(
      title: "GetX",
      home: NavigationForNamedExample(),
    );
  }
}

第二步：調用to方法

import 'package:flutter/material.dart';
import 'package:flutter_getx_example/NavigationExample/home.dart';
import 'package:get/get.dart';

class NavigationExample extends StatelessWidget {
  GlobalKey<NavigatorState> _navKey = GlobalKey();

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("GetX Navigation"),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          crossAxisAlignment: CrossAxisAlignment.center,
          children: [
            ElevatedButton(
              onPressed: () async {
                Get.to(Home());
              },
              child: Text("跳轉到首頁"))
          ],
        ),
      ),
    );
  }
}

效果展示

image

Navigation—通過toNamed進行路由跳轉

第一步：應用程序入口設置

import 'package:flutter_getx_example/NavigationForNamedExample/NavigationForNamedExample.dart';
import 'package:get/get.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return GetMaterialApp(
      title: "GetX",
      initialRoute: "/",
      defaultTransition: Transition.zoom,
      getPages: [
        GetPage(name: "/", page: () => MyApp()),
        GetPage(name: "/home", page: () => Home()),
        GetPage(name: "/my", page: () => My(), transition: Transition.rightToLeft)
      ],
      home: NavigationForNamedExample(),
    );
  }
}

第二步：調用toNamed

import 'package:flutter/material.dart';
import 'package:get/get.dart';

class NavigationForNamedExample extends StatelessWidget {
 GlobalKey<NavigatorState> _navKey = GlobalKey();

 @override
 Widget build(BuildContext context) {
   return Scaffold(
     appBar: AppBar(
       title: Text("GetX NavigationForNamed"),
     ),
     body: Center(
       child: Column(
         mainAxisAlignment: MainAxisAlignment.center,
         crossAxisAlignment: CrossAxisAlignment.center,
         children: [
           ElevatedButton(
             onPressed: () async {
               Get.toNamed("/my");
             },
             child: Text("跳轉到首頁"))
         ],
       ),
     ),
   );
 }
}

效果展示

image

轉自：https://liujunmin.com/