使用 Provider 避免在 flutter 中重建所有小部件树
using Provider to avoid rebuild all widget tree in flutter
据我所知,Provider 的好处之一是避免通过调用构建函数重建小部件树,但是当我用这个简单的例子实际尝试它时:
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(),
SizedBox(height: 5,),
Text("3"),
SizedBox(height: 5,),
Text("4"),
],
),
),
);
}
}
Widget countText(){
return Builder(
builder: (context){
var count = Provider.of<Provider1>(context);
return Text("${count.c}");
},
);
}
通过使用这部分:
print("${n++}");
我注意到每当我按下按钮并从提供商调用(计数器)功能时,(构建)功能就会被调用?
所以这里的问题只是(无状态)小部件,它如何再次重建?然后如果它不能解决这个问题,为什么我需要使用 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
即使数据被修改也不要重建小部件。
据我所知,Provider 的好处之一是避免通过调用构建函数重建小部件树,但是当我用这个简单的例子实际尝试它时:
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(),
SizedBox(height: 5,),
Text("3"),
SizedBox(height: 5,),
Text("4"),
],
),
),
);
}
}
Widget countText(){
return Builder(
builder: (context){
var count = Provider.of<Provider1>(context);
return Text("${count.c}");
},
);
}
通过使用这部分:
print("${n++}");
我注意到每当我按下按钮并从提供商调用(计数器)功能时,(构建)功能就会被调用?
所以这里的问题只是(无状态)小部件,它如何再次重建?然后如果它不能解决这个问题,为什么我需要使用 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
即使数据被修改也不要重建小部件。