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

发布于06月24日

我正在寻找一种在用户停止输入X秒后发送API请求的方法.
然而，我发送请求的方式是通过ContextChanged回调，它会在每次按键时发送请求
我已经看到了在React中暂停的方法，但是，我对Flatter比较陌生，所以非常感谢您的帮助

推荐答案

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

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 ....'
                ),
            );
    }
}