在Flutter中,FilterChip
是一个用于表示标签的组件,它可以包含一个可选的复选图标。要更改 FilterChip
中复选图标的颜色,可以通过自定义 chipTheme
来实现。
以下是一个示例代码,展示如何更改 FilterChip
中复选图标的颜色:
import 'package:flutter/material.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
appBar: AppBar(
title: Text('FilterChip Demo'),
),
body: Center(
child: FilterChipDemo(),
),
),
);
}
}
class FilterChipDemo extends StatelessWidget {
@override
Widget build(BuildContext context) {
return ChipTheme(
data: ChipTheme.of(context).copyWith(
checkedColor: Colors.blue, // 更改选中时的颜色
checkmarkColor: Colors.white, // 更改复选图标颜色
),
child: FilterChip(
label: Text('Flutter'),
onSelected: (bool selected) {
print("Selected: $selected");
},
selected: true,
),
);
}
}
在这个示例中,我们使用 ChipTheme
组件包裹 FilterChip
,并通过 copyWith
方法创建一个新的 ChipThemeData
实例来覆盖默认的主题设置。通过设置 checkedColor
和 checkmarkColor
属性,我们可以分别更改 FilterChip
选中时的颜色和复选图标的颜色。
FilterChip
的外观时。FilterChip
是被选中的。通过这种方式,你可以轻松地自定义 FilterChip
的样式,以满足你的设计需求。
领取专属 10元无门槛券
手把手带您无忧上云