Flutter加速网络请求插件speed_up_get的使用

特性

• 简短的控制器引用
• 自动取消订阅

开始使用

在 pubspec.yaml 文件中添加依赖：

dependencies:
  speed_up_get: latest

使用说明

控制器引用

现在你可以在视图（Widget）中通过简短的 c 引用访问控制器。

Scaffold(
  appBar: AppBar(
    title: Text(c.title),
  ),
  body: Center(
    child: Obx(
      () => Text(
        '${c.counter}',
        style: Theme.of(context).textTheme.headline4,
      ),
    ),
  ),
  floatingActionButton: FloatingActionButton(
    onPressed: c.incrementCounter,
    tooltip: 'Increment',
    child: const Icon(Icons.add),
  ),
);

订阅管理

在服务或控制器的 onInit 中进行订阅，并且无需在 onClose 中手动取消订阅。

[@override](/user/override)
void onInit() {
  subscribe(Stream.values([1, 2, 3]), onValue: (value) => print(value));
}

[@override](/user/override)
void onClose() {
  // 不需要手动取消订阅
  super.onClose();
}

AppService 示例

在初始化服务之前和之后的变化：

初始化前

await Get.putAsync<ValueService>(() async {
  final x = ValueService();
  await x.init();
  return x;
});

初始化后

await registerServiceAsync<IValueService>(ValueService());

Rx装饰器

GetRxDecorator 适用于需要单向数据流的情况。可以通过隐藏 Rx 变量来实现这一点。

/// 1. 封装的 Rx 变量
late var clickCounter = 0.obsDeco(setter: (_, newValue, __) => _process(newValue ?? 0));

/// 2. 处理方法
int _process(int v) => v > 3 ? 0 : v;

在最简单的情况下，只需将 .obs 替换为 .obsDeco：

var rxVarInt = 1.obs;
var rxVarInt = 1.obsDeco();

装饰器特性

• 通过简洁的实现控制数据流。
• 在改变变量时可以传递可选参数。
• 回调函数接收当前值作为参数，可以根据旧值而不是新值来处理逻辑。

测试用例

测试用例可以查看 /example/lib/main_rx_decorator.dart 文件。

贡献

我们接受以下贡献：

• 改进文档
• 报告问题
• 修复错误

维护者

• Andrew Piterov (piterov1990@gmail.com)
• Valery Kulikov (frostyland@gmail.com)

完整示例代码

main.dart

import 'package:example/services/services.dart';
import 'package:flutter/material.dart';

import 'app.dart';

Future<void> main() async {
  WidgetsFlutterBinding.ensureInitialized();

  await initService();

  runApp(const MyApp());
}

app.dart

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

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  [@override](/user/override)
  Widget build(BuildContext context) {
    return GetMaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text(Get.find<MyController>().title),
        ),
        body: Center(
          child: Obx(
            () => Text(
              '${Get.find<MyController>().counter}',
              style: Theme.of(context).textTheme.headline4,
            ),
          ),
        ),
        floatingActionButton: FloatingActionButton(
          onPressed: Get.find<MyController>().incrementCounter,
          tooltip: 'Increment',
          child: const Icon(Icons.add),
        ),
      ),
    );
  }
}

class MyController extends GetxController {
  var title = 'Speed Up Get Demo'.obs;
  var counter = 0.obs;

  void incrementCounter() {
    counter++;
  }
}

void initService() async {
  await Get.putAsync<MyController>(() async {
    final x = MyController();
    await x.init();
    return x;
  });
}