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

import 'package:flutter/material.dart';
import 'package:get/get.dart';
 
void main() {
  runApp(MyApp());
}
 
class MyApp extends StatelessWidget {
  // 使用GetMaterialApp替换MaterialApp
  @override
  Widget build(BuildContext context) {
    return GetMaterialApp(
      home: HomeView(),
      navigatorKey: Get.key, // 将Get.key设置为navigatorKey
    );
  }
}
 
class HomeView extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('首页'),
      ),
      body: Center(
        child: ElevatedButton(
          child: Text('跳转到详情页'),
          onPressed: () {
            // 使用Get.to方法进行路由跳转
            Get.to(DetailView());
          },
        ),
      ),
    );
  }
}
 
class DetailView extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('详情页'),
      ),
      body: Center(
        child: Text('这是详情页'),
      ),
    );
  }
}

这段代码展示了如何在Flutter中使用GetX库进行路由管理。首先，我们需要将MaterialApp替换为GetMaterialApp，并设置navigatorKey为Get.key。然后，在按钮点击事件中，我们使用Get.to方法来跳转到详情页。这是GetX库提供的一种简洁的路由解决方案。