Flutter状态管理终极方案GetX第一篇——路由
import 'package:flutter/material.dart';
import 'package:get/get.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return GetMaterialApp(
home: HomeView(),
);
}
}
class HomeView extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
body: Center(
child: ElevatedButton(
child: Text('Open new screen'),
onPressed: () {
// 使用Get.to方法来导航到新的页面
Get.to(NewScreen());
},
),
),
);
}
}
class NewScreen extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('New Screen'),
),
body: Center(
child: ElevatedButton(
child: Text('Go back'),
onPressed: () {
// 使用Get.back方法返回上一个页面
Get.back();
},
),
),
);
}
}
这段代码使用了GetX框架的路由导航功能。在HomeView中,当用户点击按钮时,使用Get.to方法跳转到NewScreen页面。在NewScreen页面中,当用户点击另一个按钮时,使用Get.back方法返回到上一个页面。这是一个简单的例子,展示了如何在GetX中管理路由。
评论已关闭