android - 使用 Flutter Provider 包时出现的问题
问题描述
我正在创建一个非常简单的应用程序来练习颤振提供程序包。该应用程序有一个灯泡,单击时应使用提供程序更改其背景和屏幕背景。但这似乎不起作用。TBH 这很令人困惑
import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
void main() => runApp(MainApp());
class Data extends ChangeNotifier{
bool isOn = false;
void toggle(){
this.isOn = !this.isOn;
notifyListeners();
print("new value is $isOn");
}
}
class MainApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return ChangeNotifierProvider<Data>(
create: (context) => Data(),
child: MaterialApp(
home: Home(),
),
);
}
}
class Home extends StatefulWidget {
@override
_HomeState createState() => _HomeState();
}
class _HomeState extends State<Home> {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(),
backgroundColor: Provider.of<Data>(context).isOn ? Colors.yellow[100] : Colors.black,
body: Center(
child: Column(
children: <Widget>[
Stick(),
Bulb(),
],
),
),
);
}
}
class Stick extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Container(
height: 150,
width: 40,
color: Colors.brown,
);
}
}
class Bulb extends StatefulWidget {
@override
_BulbState createState() => _BulbState();
}
class _BulbState extends State<Bulb> {
@override
Widget build(BuildContext context) {
return Container(
height: 200,
width: 250,
decoration: BoxDecoration(
borderRadius: BorderRadius.only(
topLeft: Radius.circular(100),
topRight: Radius.circular(100),
bottomLeft: Radius.circular(30),
bottomRight: Radius.circular(30)),
color: Provider.of<Data>(context).isOn ? Colors.yellow : Colors.white,
),
child: GestureDetector(
onTap: (){
Provider.of<Data>(context).toggle();
setState(() {
});
},
),
);
}
}
树形结构有一个主应用程序,其中包含一个 Home 应用程序,其中包含 2 个其他小部件,一个容器内的棒和一个灯泡。单击灯泡时,我正在尝试更新灯泡的背景和 Home 小部件。灯泡有一个手势检测器任何类型的提示或帮助表示赞赏
解决方案
尝试添加listen: false
到提供者调用:
Provider.of<Data>(context, listen: false).toggle();
推荐阅读
- windows - 将 unicode 文本导入 cmd.exe
- javascript - 如何通过 PHP 和 JS 重用相同的混合代码片段?最佳实践?
- regex - Monaco-editor 没有正确评估负前瞻正则表达式
- swift - 将数据从一个类快速传递到另一个类
- docker - nginx: [emerg] open() "/run/nginx.pid" 失败 (13: Permission denied)
- python - pandas 究竟在为这些数据切片做些什么呢?
- c++ - 使用 Qt 内存管理时对 clang 静态分析的误报
- php - 缺少属性 - 使用 SimpleXMLElement 解析 XML -
- css - 如何在 Rgba SASS/SCSS 中显示具有不透明度的 CurrentColor?
- gitlab - Gitlab CI/CD:命令脚本中的 Concat 变量