Flutter 中可以使用 GestureDetector 来添加点击事件,而 context 是一个全局的上下文对象,可以用于获取当前 Widget 的 context。

以下是一个示例代码:

GestureDetector(
  onTap: () {
    // 处理点击事件
    print('点击了按钮');
  },
  child: Container(
    width: 100,
    height: 50,
    color: Colors.blue,
    child: Center(
      child: Text(
        '点击我',
        style: TextStyle(
          color: Colors.white,
          fontSize: 18,
        ),
      ),
    ),
  ),
);

在这个示例中,我们通过 GestureDetector 添加了一个点击事件,当用户点击 Container 时,会触发 onTap 回调函数,输出一条日志。通过使用 context,我们可以在回调函数中获取当前 Widget 的上下文信息,例如:

GestureDetector(
  onTap: () {
    // 处理点击事件
    ScaffoldMessenger.of(context).showSnackBar(
      SnackBar(
        content: Text('点击了按钮'),
      ),
    );
  },
  child: ...
);

在这个示例中,我们使用了 ScaffoldMessenger 来显示一个 SnackBar,这个组件需要获取当前 Widget 的上下文信息,因此我们将 context 传递给它。

Flutter 点击事件添加与上下文 (context) 使用

原文地址: https://www.cveoy.top/t/topic/kvSt 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录