【开发经验】Flutter组件的事件传递与数据控制，学android的入门基础知识

难度：⭐⭐⭐⭐⭐

我们平时写项目基本也就是上面这些需求了，只要学会实现这些事件与数据传递，就可以轻松写出任何项目了。

使用回调传递事件

使用简单的回调就可以实现这几个需求，这也是整个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