flutter - 过滤ListView、延迟搜索、查找、Debounce flutter 和 dart

Question

我是新来的，我找不到任何我正在寻找的解决方案。

我有一个文本字段，我想在其中输入产品代码，几秒钟后它会从列表中搜索代码并在 ListView 中显示与代码匹配的产品。

有人可以帮助我吗？

Answer 1

尝试一下这个。

    void main() {
    runApp(MyApp());
    }

    class MyApp extends StatelessWidget {
    final TextEditingController controller = TextEditingController();

    final Debouncer onSearchDebouncer =
        new Debouncer(delay: new Duration(milliseconds: 500));

    @override
    Widget build(BuildContext context) {
        return MaterialApp(
        home: Scaffold(
            backgroundColor: Colors.white,
            body: Padding(
            padding: const EdgeInsets.all(8.0),
            child: Center(
                child: TextField(
                    controller: this.controller,
                    onChanged: (val) => this.onSearchDebouncer.debounce(
                        () => print("text : " + val),
                        )),
            ),
            ),
        ),
        );
    }
    }

带有计时器的自定义Debouncer类。

        import 'dart:async';
        import 'dart:ui';

        class Debouncer {
        Duration delay;
        Timer _timer;
        VoidCallback _callback;

        Debouncer({this.delay = const Duration(milliseconds: 500)});

        void debounce(VoidCallback callback) {
            this._callback = callback;

            this.cancel();
            _timer = new Timer(delay, this.flush);
        }

        void cancel() {
            if (_timer != null) {
            _timer.cancel();
            }
        }

        void flush() {
            this._callback();
            this.cancel();
        }
        }