Flutter添加状态管理库get

1

  get: ^4.6.6

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {

    return const GetMaterialApp(
      title: 'GetX demo',
      home: HomePage(title: 'home page'),
    );
  }
}

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60

import 'package:base_demo/widgets/detail_page.dart';
import 'package:flutter/material.dart';
import 'package:get/get.dart';

class GetxWidget extends StatefulWidget {
  const GetxWidget({Key? key}) : super(key: key);

  @override
  GetxWidgetState createState() => GetxWidgetState();
}

class GetxWidgetState extends State<GetxWidget> {
  final CounterController counterController = Get.put(CounterController());

  @override
  Widget build(BuildContext context) {
    return Column(
      mainAxisAlignment: MainAxisAlignment.center,
      children: [
        Obx(() => Text('点击了${counterController.counter.value}次')),
        const SizedBox(
          height: 20,
        ),
        ElevatedButton(
            onPressed: () {
              counterController.increment();
            },
            child: const Text('+')),
        const SizedBox(
          height: 20,
        ),
        ElevatedButton(
            onPressed: () {
              counterController.decrement();
            },
            child: const Text('+')
            ),

            ElevatedButton(onPressed: () {

              Get.to(() => const DetailPage(data: 'getx widget'), arguments: '参数传递');

            }, child: const Text('跳转详情页面'))
      ],
    );
  }
}

// 控制器类，用于管理计数器状态
class CounterController extends GetxController {
  var counter = 0.obs; // 通过obs将变量变为响应式变量

  void increment() {
    counter.value++; // 使用.value来访问obs变量的值
  }

  void decrement() {
    counter.value--; // 使用.value来访问obs变量的值
  }
}

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34

import 'package:flutter/material.dart';
    
class DetailPage extends StatelessWidget {

 final String data;

const DetailPage({ super.key, required this.data});
  
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('Detail Pages'),
      ),
      body: Center(
        child: Column(

         mainAxisAlignment: MainAxisAlignment.center,
         children: [
          const Text('received data'),
          Text(data),
          ElevatedButton(
            onPressed: () {

              Navigator.pop(context, 'Hello from DetailsPage');

            } , 
            child: const Text('go back'))
         ],   
        ),
      ),
    );
  }
}

1
2
3
4
5
6
7
8
9

[GETX] Instance "GetMaterialController" has been created
[GETX] Instance "GetMaterialController" has been initialized
[GETX] Instance "CounterController" has been created
[GETX] Instance "CounterController" has been initialized
[GETX] CLOSE TO ROUTE /DetailPage
[GETX] GOING TO ROUTE /DetailPage
[GETX] CLOSE TO ROUTE /DetailPage
[GETX] GOING TO ROUTE /DetailPage
[GETX] CLOSE TO ROUTE /DetailPage