search - 有没有办法在用户停止输入后发送请求？

Question

• 我正在寻找一种在用户停止输入 X 秒后发送 API 请求的方法。
• 我发送请求的方式是通过 onTextChanged 回调，但是，它会在每次按键时发送一个请求
• 我已经看到了在 React 中使用超时来做到这一点的方法，但是，我对颤动相对较新，所以任何帮助将不胜感激

标签： searchdartflutter

Answer 1

您可以使用以下代码来执行此操作：

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

class Test extends StatefulWidget {
    @override
    State<StatefulWidget> createState() {
        return _TestState();
    }
}

class _TestState extends State<StatefulWidget> {
    Timer searchOnStoppedTyping;

    _onChangeHandler(value ) {
        const duration = Duration(milliseconds:800); // set the duration that you want call search() after that.
        if (searchOnStoppedTyping != null) {
            setState(() => searchOnStoppedTyping.cancel()); // clear timer
        }
        setState(() => searchOnStoppedTyping = new Timer(duration, () => search(value)));
    }

    search(value) {
        print('hello world from search . the value is $value');
    }
    @override
    Widget build(BuildContext context) {
        return TextField(
            onChanged: _onChangeHandler,
            decoration: InputDecoration(
                hintText: 'Search ....'
                ),
            );
    }
}