用户登录

下面我们再改造一下这个 Counter 小部件 .. 把这个 Chip 换成一个 ActionChip ,这样可以给它一个 onPressed 属性,设置一下点按这个 Chip 要执行的动作 .. 我想在按它的时候也可以让 _count 的值加上 1 ..

如果在这个 Counter 小部件里面设置它的这个 count ,界面上显示的数字是不会有什么变化的 .. 因为这个数字其实是 StateManagementDemo 里面的 _count 的的值 ..

这里我们可以从父辈那里传递一个回调过来 .. 在 Counter 里面,添加一个 final VoidCallback .. 名字可以叫 increaseCount ..

再把它添加到构造函数里面 .. this.increaseCount ..

然后把 ActionChip 的 onPressed 的值设置成这个 increaseCount ..

现在,使用 Counter 这个小部件,需要给它再提供一个 increaseCount 回调 .. 这里我们用 _increaseCount 来表示 ..

然后在上面再去定义一下它 .. void .. 名字是 _increaseCount .. 剪切一下 FloatingActionButton 的 onPressed .. 也把它换成一个 _increaseCount ..

再剪切的东西粘贴到这个 _increaseCount 里面 .. 这里要做的就是执行一下 setState ,让小部件里的 _count 的值加上 1 ..

回到模拟器再试一下 ..

按一下界面上的这个 ActionChip ... 执行的就是它爸爸传递过来的一个回调 .. 做的事儿就是让小部件的 _count 的值加上 1 ..

再按一下漂浮动作按钮 .... 同样可以增加 _count 的值 ...

从父辈那里传递个回调《 Flutter 移动应用:状态管理 》

统计

15260
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点