feat: 添加riverpod

lib/views/HomePage.dart

@@ -1,10 +1,24 @@
 import 'package:flutter/material.dart';
+import 'package:flutter_riverpod/flutter_riverpod.dart';
+import 'package:flutter_study/views/LoginPageProvider.dart';
 
-class HomePage extends StatelessWidget {
+class HomePage extends ConsumerStatefulWidget {
   const HomePage({super.key});
 
   @override
+  ConsumerState<ConsumerStatefulWidget> createState() {
+    return _HomePageState();
+  }
+}
+
+class _HomePageState extends ConsumerState<HomePage> {
+  late final currentLoginUser = ref.watch(loginUserProvider);
+
+  @override
   Widget build(BuildContext context) {
-    return Scaffold(body: Center(child: Text("Home")));
+    return Scaffold(
+      appBar: AppBar(title: Text("欢迎${currentLoginUser.username}")),
+      body: Center(child: Text("Home")),
+    );
   }
 }

lib/views/LoginPage.dart

@@ -1,10 +1,21 @@
 import 'package:flutter/material.dart';
 import 'package:flutter/widget_previews.dart';
+import 'package:flutter_riverpod/flutter_riverpod.dart';
+import 'package:flutter_study/views/LoginPageProvider.dart';
 import 'package:go_router/go_router.dart';
 
-class LoginPage extends StatelessWidget {
+class LoginPage extends ConsumerStatefulWidget {
   const LoginPage({super.key});
 
+  @override
+  ConsumerState<LoginPage> createState() {
+    return _LoginPageState();
+  }
+}
+
+class _LoginPageState extends ConsumerState<LoginPage> {
+  late final currentUser = ref.watch(loginUserProvider);
+
   @override
   Widget build(BuildContext context) {
     return Scaffold(
@@ -24,6 +35,12 @@ class LoginPage extends StatelessWidget {
                   flex: 4,
                   child: TextField(
                     decoration: const InputDecoration(hintText: '请输入用户名'),
+                    controller: TextEditingController(
+                      text: currentUser.username,
+                    ),
+                    onChanged: (value) {
+                      ref.read(loginUserProvider).username = value;
+                    },
                   ),
                 ),
               ],
@@ -36,6 +53,15 @@ class LoginPage extends StatelessWidget {
                   flex: 4,
                   child: TextField(
                     decoration: const InputDecoration(hintText: '请输入密码'),
+                    controller: TextEditingController(
+                      text: currentUser.password,
+                    ),
+                    onChanged: (value) {
+                      ref.read(loginUserProvider.notifier).update((oldValue) {
+                        oldValue.password = value;
+                        return oldValue;
+                      });
+                    },
                     obscureText: true,
                   ),
                 ),

lib/views/LoginPageProvider.dart

@@ -0,0 +1,20 @@
+import 'package:flutter_riverpod/legacy.dart';
+
+// 当前的登录用户
+final loginUserProvider = StateProvider<LoginUser>((ref) {
+  print("LoginUserProvider");
+  final loginUser = LoginUser();
+  loginUser.username = "admin";
+  loginUser.password = "password";
+  loginUser.token = null;
+  return loginUser;
+});
+
+// 生成token
+
+
+class LoginUser {
+  String? username;
+  String? password;
+  String? token;
+}

lib/views/main.dart

@@ -1,11 +1,12 @@
 import 'package:flutter/material.dart';
+import 'package:flutter_riverpod/flutter_riverpod.dart';
 import 'package:go_router/go_router.dart';
 
 import 'HomePage.dart';
 import 'LoginPage.dart';
 
 void main() {
-  runApp(MainApp());
+  runApp(ProviderScope(child: MainApp()));
 }
 
 class MainApp extends StatelessWidget {