小白学Flutter - 按钮的点击方法
2023-11-20 本文已影响0人
林希品
在Flutter中,您可以通过将回调函数分配给按钮的onPressed属性来指定按钮的点击方法。当用户点击按钮时,将调用这个回调函数。以下是一些不同类型按钮的点击方法示例:
ElevatedButton 点击方法:
ElevatedButton(
onPressed: () {
// 在此处定义按钮点击的操作
print('ElevatedButton Clicked');
},
child: Text('ElevatedButton'),
)
TextButton 点击方法:
TextButton(
onPressed: () {
// 在此处定义按钮点击的操作
print('TextButton Clicked');
},
child: Text('TextButton'),
)
OutlinedButton 点击方法:
OutlinedButton(
onPressed: () {
// 在此处定义按钮点击的操作
print('OutlinedButton Clicked');
},
child: Text('OutlinedButton'),
)
IconButton 点击方法:
IconButton(
icon: Icon(Icons.star),
onPressed: () {
// 在此处定义按钮点击的操作
print('IconButton Clicked');
},
)
自定义按钮 点击方法:
如果您使用自定义按钮,可以通过InkWell小部件来包装任何自定义小部件以处理点击事件。例如:
InkWell(
onTap: () {
// 在此处定义按钮点击的操作
print('Custom Button Clicked');
},
child: Container(
padding: EdgeInsets.all(16.0),
color: Colors.blue,
child: Text('Custom Button', style: TextStyle(color: Colors.white)),
),
)
无论使用哪种按钮类型,只需将操作代码放入onPressed回调函数中,这些代码将在用户点击按钮时执行。