ウィジェットを更新する必要がある場合は、ウィジェットのsetStateメソッドを呼び出すことで更新できます。このメソッドは、Stateのbuildメソッドを呼び出して再構築します。
//请求刷新
setState((){
});
#State<T extends StatefulWidget>
@override
Widget build(BuildContext context) {
//构建新的Widget
return new Text(_text);
}
次に、buildメソッドでreturn new Text(_text)を公開できる場合は、汎用の部分更新ウィジェットを実装できます。
実行計画
- 公開するインターフェースコールバックreturnnewText(_text);:
typedef関数で実装
//定义函数别名
typedef BuildWidget = Widget Function();
関数エイリアスBuildWidgetをパラメーターとしてState.buildメソッドに渡します
完全なコード
import 'package:flutter/material.dart';
//封装 通用局部刷新工具类
//定义函数别名
typedef BuildWidget = Widget Function();
class PartRefreshWidget extends StatefulWidget {
PartRefreshWidget(Key key, this._child): super(key: key);
BuildWidget _child;
@override
State<StatefulWidget> createState() {
return PartRefreshWidgetState(_child);
}
}
class PartRefreshWidgetState extends State<PartRefreshWidget> {
BuildWidget child;
PartRefreshWidgetState(this.child);
@override
Widget build(BuildContext context) {
return child.call();
}
void update() {
print('update');
setState(() {
});
}
}
使用する:
import 'package:flutter/material.dart';
import 'PartRefreshWidget.dart';
class GlobalKeyDemo extends StatefulWidget {
@override
_GlobalKeyDemoState createState() => _GlobalKeyDemoState();
}
class _GlobalKeyDemoState extends State<GlobalKeyDemo> {
int _count = 0;
//使用1 创建GlobalKey
GlobalKey<PartRefreshWidgetState> globalKey = new GlobalKey();
@override
Widget build(BuildContext context) {
print('----------------build');
return Scaffold(
appBar: AppBar(
title: Text("inheritedWidget"),
),
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
//使用2 创建通用局部刷新widget
PartRefreshWidget(globalKey, () {
///创建需要局部刷新的widget
return Text(
'变化的:$_count',
style: TextStyle(color: Colors.green),
);
}),
Text('不变的: $_count'),
RaisedButton(
onPressed: () {
//点击
_count++;
//使用3调用刷新方法
globalKey.currentState.update();
},
),
],
),
)
);
}
}
以下に示す結果: