Flutter Getx 01 - 路由、中间件、鉴权、传值、跳转

Getx

https://pub.flutter-io.cn/packages/get

vscode 插件

Android Studio/Intellij 插件

本节目标

• GetPage 对象
• 路由层级控制
• 路由中间件、鉴权
• 404 处理
• 路由跳转、替换、清除
• 路由传值、返回值
• 路由转场动画

开发环境

• Flutter 2.1.0-12.1.pre
• Dart 2.13.0
• get: ^3.26.0

参考

• getx example
• getx_pattern
• GetX Snippets

视频

https://www.bilibili.com/video/BV1yU4y1876r/

代码

https://github.com/ducafecat/getx_quick_start

正文

初始 getx 项目

• pubspec.yaml

dependencies:
  ...
  get: ^3.26.0

• lib/pages/home/index.dart

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

class HomeView extends StatelessWidget {
  const HomeView({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("首页"),
      ),
      body: ListView(
        children: [
          // 路由&导航
          Divider(),

        ],
      ),
    );
  }
}

• lib/common/routes/app_routes.dart

part of 'app_pages.dart';

abstract class AppRoutes {
  static const Home = '/home';
}

• lib/common/routes/app_pages.dart

import 'pac