dart - setState 不更新界面
问题描述
我正在尝试学习颤振,但他已经阻碍了我一个多星期,我无法让 setState 正常工作。
在这种情况下,我想按下一个按钮并更改它的图标和属性,基本上还有另一个元素,但我就是无法让它工作。
这是我的小部件代码:
import 'package:flutter/material.dart';
class UserButton extends StatefulWidget {
@override
_UserButtonState createState() => _UserButtonState();
}
class _UserButtonState extends State<UserButton> {
@override
Widget build(BuildContext context) {
bool loggedin = false;
return Container(
child: loggedin
? IconButton(
onPressed: () {
setState(() {
loggedin = false;
});
},
icon: Icon(Icons.person),
)
: IconButton(
onPressed: () {
setState(() {
loggedin = true;
});
},
icon: Icon(Icons.person_outline),
tooltip: "Login",
));
}
}
这是主要的应用程序代码:
import 'package:flutter/material.dart';
import 'package:orar/user_button.dart';
main(List<String> args) {
runApp(Home());
}
class Home extends StatefulWidget {
@override
_HomeState createState() => _HomeState();
}
class _HomeState extends State<Home> {
@override
Widget build(BuildContext context) {
return MaterialApp(
theme:
ThemeData(primaryColor: Colors.cyan, accentColor: Colors.cyanAccent),
home: Scaffold(
appBar: AppBar(
title: Text("test"),
actions: <Widget>[UserButton()],
),
body: ListView(
children: <Widget>[],
),
),
);
}
}
解决方案
loggedin
应该是状态变量。在您的情况下,它是构建方法中的局部变量。
移出方法loggedin
,build
它应该可以工作
推荐阅读
- php - php $_GET 和未定义的索引 P
- git - “git add”的问题。 致命错误 Browse.VC.opendb
- postgresql - docker-compose up 与 docker-compose run,为什么后者似乎没有启动服务?
- javascript - 按常见营业时间分组工作日排列
- database - 当表仍在接收插入时,使用 pg_dump/ysql_dump 和 YugabyteDB 导出数据的推荐方法是什么?
- c# - 在 SQL 查询字符串的 WHERE 语句中插入变量日期
- unity3d - Unity3D 更改未显示在构建中
- javascript - Fetch API 无法加载 file:///C:/Users/(文本文件“data.txt”的路径)。对于 CORS 请求,URL 方案必须是“http”或“https”。(微软边缘)
- r - R - 绑定来自某些列和选定行的值并在组内替换它们
- javascript - 使用 let hello = `My age is ${age}` 但更新年龄不会更新此命令中的年龄