详解Flutter如何使用Completer实现防抖功能.docx

第

详解Flutter如何使用Completer实现防抖功能

_buildContainer(Colors.lightBlue,constFlexible(

child:Text(这是一个项目,maxLines:1,overflow:TextOverflow.ellipsis,))),

_buildContainer(Colors.red,constFlexible(

fit:FlexFit.tight,

child:Text(这是一个项目,maxLines:1,overflow:TextOverflow.ellipsis,))),

_buildContainer(Colors.purple,Flexible(

fit:FlexFit.tight,

child:Text(这是一个项目*6,maxLines:1,overflow:TextOverflow.ellipsis,))),

_buildContainer(Colors.blue,Expanded(

child:Text(这是一个项目*6,maxLines:1,overflow:TextOverflow.ellipsis,))),

],),

Container_buildContainer(Colorcolor,Widgetchild){

returnContainer(

height:56,

color:color,

child:Row(

children:[

constSizedBox(width:16),

constText(来源：),

child,

constSizedBox(width:8),

Container(

padding:EdgeInsets.all(5),

decoration:constBoxDecoration(

color:Colors.cyan,

borderRadius:BorderRadius.all(Radius.circular(6))

child:Text(项目),

constSizedBox(width:16),

classDebouncer{

finalDurationdelay;

Completer_lastCompleter;

Timer_timer;

Debouncer({requiredthis.delay});

voidrun(Functionaction){

//如果之前的操作还没有完成，取消它

if(_lastCompleter!=null!_lastCompleter!.isCompleted){

_lastCompleter!.completeError(Cancelled);

_lastCompleter=Completer();

//重置计时器

_timer.cancel();

_timer=Timer(delay,(){

action();

_lastCompleter!.complete();

//处理取消操作

_lastCompleter!.future.catchError((error){

print(操作被取消);

打印如下：

在这个示例中：

Debouncer类包含了防抖逻辑。run方法接受一个要执行的动作，并且确保在连续调用时，只有最后一次调用会在指定的延迟后执行。当run方法被连续调用时，它会通过Completer取消前一个还未完成的动作，并重新开始计时。只有在延迟时间过去且没有新的调用时，最后一次动作才会执行。

这种方法可以有效地限制事件（如用户输入、按钮点击等）的处理频率，从而优化性能和资源利用。在实际应用中，大家可能需要根据具体情况调整延迟时间和处理逻辑。