面试题：Flutter中如何为一个常见Widget添加点击事件并处理

为RaisedButton添加点击事件并更新文本显示内容：

首先，在StatefulWidget中定义一个状态变量来存储文本内容。例如：

class MyHomePage extends StatefulWidget {
  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  String _text = '初始文本';

  void _updateText() {
    setState(() {
      _text = '点击后更新的文本';
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('按钮点击示例'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Text(_text),
            RaisedButton(
              child: Text('点击我'),
              onPressed: _updateText,
            )
          ],
        ),
      ),
    );
  }
}

事件处理机制背后的原理：
- onPressed回调：RaisedButton的onPressed属性接受一个函数类型的参数。当按钮被点击时，Flutter框架会调用这个回调函数。
- setState：在_updateText函数中，调用setState方法。setState方法告诉Flutter框架，该StatefulWidget的状态已经发生了变化，需要重新构建。Flutter框架会重新调用build方法，并且因为_text状态变量已经改变，所以新构建的界面会显示更新后的文本内容。这种机制确保了界面能够根据状态的变化及时更新，同时保证了状态管理的一致性和高效性。

面试题：Flutter中如何为一个常见Widget添加点击事件并处理

知识考点

面试题答案