如何创建一个按钮,当用户单击该按钮时,页面将刷新并显示新内容?
调用setState(() {})
方法。你需要一个StatefulWidget
。 你的代码将是这样的
RaisedButton(
child : Text("Tap"),
onPressed : () {
setState(() {
// modifiy the state
})
}
),
下面是代码的 Codepen 示例
class _MyWidgetState extends State<MyWidget> {
int counter = 0;
@override
Widget build(BuildContext context) {
return Scaffold(
body: Center(
child: Column(
children: <Widget>[
FlatButton(
onPressed: () {
setState(() {
counter++;
});
},
child: Text(
"Flat Button",
),
),
Text(
'Counter',
style: Theme.of(context).textTheme.headline4,
),
Text(
'$counter',
style: Theme.of(context).textTheme.headline4,
),
],
),
),
);
}
}