Flutter 中的 TextButton 小部件:全面指南
在Flutter中,TextButton
是一个非常常用的小部件,它可以创建一个按钮,在用户点击时可以触发一些操作。以下是一个简单的使用指南和示例代码:
- 导入
material
库,因为TextButton
属于Material
组件库。
import 'package:flutter/material.dart';
- 在你的
build
方法中,使用TextButton
。
TextButton(
onPressed: () {
// 这里是按钮被点击时会执行的代码
print('按钮被点击了!');
},
child: Text('点击我'),
),
- 你还可以自定义按钮的样式,例如颜色、形状等。
TextButton(
style: ButtonStyle(
foregroundColor: MaterialStateProperty.all<Color>(Colors.blue),
backgroundColor: MaterialStateProperty.all<Color>(Colors.white),
),
onPressed: () {
print('按钮被点击了!');
},
child: Text('点击我'),
),
- 如果你想要的按钮在无法响应点击时显得有些不同,你也可以通过
MaterialState
来定义。
TextButton(
style: ButtonStyle(
foregroundColor: MaterialStateProperty.resolveWith<Color>(
(Set<MaterialState> states) {
if (states.contains(MaterialState.disabled)) {
return Colors.grey;
}
return Colors.blue;
},
),
),
onPressed: () {
print('按钮被点击了!');
},
child: Text('点击我'),
),
以上就是TextButton
的基本使用方法,它是构建现代Flutter应用程序中不可或缺的一部分。
评论已关闭