继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

Flutter知识点: Notification

哔哔one
关注TA
已关注
手记 463
粉丝 93
获赞 543

数据传输一般处理方式:自上而下的一层一层传递数据。

场景: WidgetB数据改变后,WidgetA也随之作出响应。

解决方案1: 参考Flutter知识点: InheritedWidget

解决方案2:Notification,子节点状态变更,发送通知上报。

1.自定义notification

class TestNotification extends Notification {
TestNotification({  @required this.count,
});final int count;
}

2.子节点发送通知

new RaisedButton(
       textColor: Colors.black,
       child: new Center(
         child: new Text('点击传递随机数给上层Widget'),
       ),
       onPressed: () {         new TestNotification(count: new Random().nextInt(100)).dispatch(key.currentContext);
       })

3.父节点使用NotificationListener进行监听子节点发出的通知,并作出响应

new NotificationListener(
           onNotification: (TestNotification n) {
             scaffoldStateKey.currentState.showSnackBar(new SnackBar(content: new Text('随机数:${n.count}')));             return true;
           },
           child: new TestAPage(
             key: key,
           ))

效果图

webp

11.jpeg



作者:老实巴交的读书人
链接:https://www.jianshu.com/p/d9e7e7ad4daa


打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP