Flutter插件grab的使用_抓包插件（Grab）是一个为Flutter开发人员提供的扩展方法

Flutter插件grab的使用_抓包插件（Grab）是一个为Flutter开发人员提供的扩展方法

内容

抓包插件（Grab）是一个为Flutter开发人员提供的扩展方法，用于在Listenable（如ChangeNotifier、ValueNotifier等）发生变化时触发重建。 插件的目标是支持Stream，但目前只支持Listenable。

什么是抓包？

抓包类似于ValueListenableBuilder、AnimatedBuilder或ListenableBuilder的方法版本。 如果在Listenable上调用grab()或grabAt()，则与提供的BuildContext关联的Widget会在Listenable（或选定值）更新时重建，并且方法“抓包”并返回更新后的值。

抓包的好处

抓包的功能非常简单：它只是根据Listenable的变化来重建一个Widget。 尽管如此，如果结合一些DI（依赖注入）包（如get_it或pot），它会成为一个强大的状态管理工具。

支持的监听器

任何继承自Listenable类的对象都可以被支持：

• ChangeNotifier
• ValueNotifier
• TextEditingController
• Animation / AnimationController
• ScrollController
• 等等。

推荐使用抓包与ValueListenable的子类型一起使用以获得类型安全性。

示例代码

下面是一个简单的示例代码，展示了如何使用抓包插件：

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

final _notifier = ValueNotifier(0);

void main() {
  runApp(
    const Grab(child: App()),
  );
}

class App extends StatefulWidget {
  const App();

  [@override](/user/override)
  State<App> createState() => _AppState();
}

class _AppState extends State<App> {
  [@override](/user/override)
  void dispose() {
    _notifier.dispose();
    super.dispose();
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: const Center(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              _Counter(),
              SizedBox(height: 16.0),
              _SlowCounter(),
            ],
          ),
        ),
        floatingActionButton: FloatingActionButton(
          onPressed: () {
            _notifier.value++;
          },
          child: const Icon(Icons.add),
        ),
      ),
    );
  }
}

class _Counter extends StatelessWidget {
  const _Counter();

  [@override](/user/override)
  Widget build(BuildContext context) {
    // grab() rebuilds the widget every time
    // the value of the notifier is updated.
    final count = _notifier.grab(context);

    return Text(
      '$count',
      style: const TextStyle(fontSize: 50.0),
    );
  }
}

class _SlowCounter extends StatelessWidget {
  const _SlowCounter();

  [@override](/user/override)
  Widget build(BuildContext context) {
    // This count increases at one third the pace of the value
    // of the notifier, like 0, 0, 0, 1, 1, 1, 2, 2, 2...
    // Updating the value of the notifier doesn't trigger rebuilds
    // while the result of grabAt() here remains the same.
    final count = _notifier.grabAt(context, (v) =&gt; v ~/ 3;

    return Text(
      '$count',
      style: const TextStyle(fontSize: 50.0),
    );
  }
}