事件绑定

1. 绑定事件

以单击事件举例,首先定义一个 Button 按钮如下:

  1. RaisedButton(
  2. // 指定 onPressed 的内联处理函数
  3. // onPressed: () {},
  4. // 指定 onPressed 事件的处理函数为 _add
  5. onPressed: _add,
  6. child: Icon(Icons.add)
  7. )

2. 定义事件处理函数

在当前 Widget 中,可以定义如下事件处理函数:

  1. // void 表示当前函数调用的结果没有返回值
  2. // _ 开头的函数名或变量名,表示当前 Widget 的私有成员
  3. void _add() {
  4. // 若要修改当前 Widget 的私有数据后更新页面,必须把更新数据的代码,写入到 setState 方法内
  5. // 这里的 setState 方法,和 React 框架中的 setState 代码格式不同,请多留心注意!
  6. setState(() {
  7. _count++;
  8. });
  9. }

3. 定义函数的形参

处理函数可以定义参数,格式如下:

  1. // int 表示参数的数据类型
  2. // step 是形参名称
  3. void _add(int step) {
  4. setState(() {
  5. _count += step;
  6. });
  7. }