Flutter状态管理终极方案GetX第一篇——路由

import 'package:flutter/material.dart';
import 'package:get/get.dart';
 
void main() {
  runApp(MyApp());
}
 
class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return GetMaterialApp(
      home: HomePage(),
      navigatorKey: Get.key, // 设置Get的navigatorKey
    );
  }
}
 
class HomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('GetX 示例'),
      ),
      body: Center(
        child: ElevatedButton(
          child: Text('跳转到下一页'),
          onPressed: () {
            // 使用Get.to方法进行路由跳转
            Get.to(NextPage());
          },
        ),
      ),
    );
  }
}
 
class NextPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('下一页'),
      ),
      body: Center(
        child: Text('这是下一页'),
      ),
    );
  }
}

这段代码使用了GetX库来管理路由，通过Get.to方法实现页面跳转。在GetMaterialApp中设置了navigatorKey为Get.key，这样GetX就可以接管Flutter的路由系统。在HomePage中，当用户点击按钮时，会通过Get.to方法跳转到NextPage。这个例子展示了GetX在Flutter中简化路由管理的方法。