使用提供程序避免在抖动中重建所有小部件树

问题描述

据我了解,提供程序的好处之一是避免通过调用build函数来重建窗口小部件树,但是当我实际通过以下简单示例进行尝试时:

import 'package:Flutter/material.dart';
import 'package:provider/provider.dart';
import 'package:providerexamplelast/counterWidget.dart';

void main() => runApp(ChangeNotifierProvider<Provider1>(
  create: (_) => Provider1(),child:   MaterialApp(
    home: Counter(),),));

int n =0;
class Counter extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    print("${n++}");
var counter = Provider.of<Provider1>(context);
    return Scaffold(
      floatingActionButton: FloatingActionButton(
        child: Icon(Icons.add),onpressed: ()=> counter.counter(),body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,children: [
            Text("1"),SizedBox(height: 5,countText(),Text("3"),Text("4"),],);
  }
}

Widget countText(){
  return Builder(
    builder: (context){
      var count = Provider.of<Provider1>(context);
      return Text("${count.c}");
    },);
} 

通过使用此部分:

print("${n++}");

我注意到每当我按下按钮并从提供商那里调用(counter)函数时,都会调用(build)函数吗?

所以这里的问题是(Stateless)小部件,如何重新构建?然后为什么不能使用Provider来解决这个问题呢?

编辑:我听说过这种方式:

var counter = Provider.of<Provider1>(context,listen: false);

那可以解决这个问题吗?以及如何?

解决方法

var counter = Provider.of<Provider1>(context,listen: false);

Provider是Flutter拥有的状态管理机制之一,在幕后,Provider跟踪小部件内部所做的更改。无论是Provider小部件还是Stateless小部件,Stateful都无关紧要,如果有任何更改,它将重新构建小部件。

listen: false告诉Provider即使数据被修改也不要重建小部件。