难度:⭐⭐⭐⭐⭐
我们平时写项目基本也就是上面这些需求了,只要学会实现这些事件与数据传递,就可以轻松写出任何项目了。
使用回调传递事件
使用简单的回调就可以实现这几个需求,这也是整个flutter
的基础:如何改变一个state
内的数据,以及如何改变一个widget
的数据。
描述:一个
widget
收到事件后,改变child
显示的值
实现功能:点击加号让数字+1描述:一个
widget
在child
收到事件时,改变自己的值
实现功能:点击改变页面颜色描述:一个
widget
在child
收到事件时,触发自己的state
的方法
实现功能:点击发起网络请求,刷新当前页面
这几个都是毫无难度的,我们直接看同一段代码就行了
代码:
/// 这段代码是使用官方的代码修改的,通常情况下,只需要使用回调就能获取点击事件
class MyHomePage extends StatefulWidget {
MyHomePage({Key key, this.
《Android学习笔记总结+最新移动架构视频+大厂安卓面试真题+项目实战源码讲义》
【docs.qq.com/doc/DSkNLaERkbnFoS0ZF】 完整内容开源分享
title}) : super(key: key);
final String title;
@override
_MyHomePageState createState() => _MyHomePageState();
}
class _MyHomePageState extends State {
int _counter = 0;
void _incrementCounter() {
// 在按钮的回调中,你可以设置数据与调用方法
// 在这里,让计数器+1后刷新页面
setState(() {
_counter++;
});
}
// setState后就会使用新的数据重新进行build
// flutter的build性能非常强,甚至支持每秒60次rebuild
// 所以不必过于担心触发build,但是要偶尔注意超大范围的build
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text(widget.title),
),
body: Center(
child: Text(
‘$_counter’,
style: Theme.of(context).textTheme.headline4,
),
),
floatingActionButton: _AddButton(
onAdd: _incrementCounter,
),
);
}
}
/// 一般会使用GestureDetector来获取点击事件
/// 因为官方的FloatingActionButton会自带样式,一般我们会自己写按钮样式
class _AddButton extends StatelessWidget {
final Function on