Flutter 点击事件添加与上下文 (context) 使用
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 传递给它。
原文地址: https://www.cveoy.top/t/topic/kvSt 著作权归作者所有。请勿转载和采集!