Flutter中GetX系列九--路由/页面跳转,传值,中间件(GetPage)

原创

已于 2023-06-20 21:23:48 修改 · 1.1w 阅读

标签

#flutter #中间件 #页面跳转 #路由跳转 #GetPage使用详情

#Getx使用详情

收录于

于 2023-05-16 11:48:52 首次发布

本文展示了如何在Flutter应用中使用GetX库进行页面间的传值跳转，包括基本跳转、命名路由、携带参数、返回上一级和根路由，以及利用中间件进行权限判断。同时，文中还提到了如何设置和封装路由，以及接收传递的参数。

1.页面传值跳转和中间件(GetPage)使用代码

import 'package:flutter/material.dart';
import 'package:flutterlianxi/login_VC.dart';
import 'package:get/get.dart';
import 'routers.dart';

void main() {
  runApp(GetMaterialApp(
    home: BottomAppBarDemo(),
    //设置初始化路由
    initialRoute: "/",
    //全部配置页面跳转的动画(是安卓的风格还是ios的风格)
    defaultTransition: Transition.rightToLeft,
    //设置路由地址
    getPages: RoutersPageVC.routers,
  ));
}


class BottomAppBarDemo extends StatelessWidget {
  const BottomAppBarDemo({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("首页"),
      ),
      body: Column(
        children: [
          //普通页面跳转
          ElevatedButton(
              onPressed: () {
                //带参数传值跳转
                Get.toNamed("/login_VC", arguments: {"dataId": "2345"});

                //Get.back();//返回上一级页面

                // Get.offAll(Tabs());//返回到跟路由

                //Get