如何观察GetxController类中的值更改并在Flutter中使用GetX触发statelessWidget类中的导航？

dependencies:
  flutter:
    sdk: flutter

  get: ^4.6.1

import 'package:get/get.dart';

class MyController extends GetxController {
  var myValue = false.obs; // 使用.obs将变量转换为可观察的
}

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

class MyPage extends StatelessWidget {
  final MyController controller = Get.put(MyController()); // 实例化GetxController类

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('GetX Navigation'),
      ),
      body: Center(
        child: GetBuilder<MyController>( // 使用GetBuilder或GetX小部件观察变量的变化
          builder: (controller) {
            return Text(
              'Value: ${controller.myValue.value}', // 使用.value访问可观察变量的值
            );
          },
        ),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: () {
          controller.myValue.value = true; // 修改可观察变量的值
          // 在此处执行导航操作，例如：
          // Navigator.push(context, MaterialPageRoute(builder: (context) => NextPage()));
        },
        child: Icon(Icons.navigate_next),
      ),
    );
  }
}