如何为全局或Widget子树内的FilterChip设置默认样式

Flutter Material组件体系默认遵循样式优先级规则：组件单独设置的样式 > 子树主题配置 > 全局主题配置 > 组件内置默认样式，不需要给每个FilterChip实例单独传样式属性，通过主题注入就能实现不同范围的默认样式统一。

全局范围统一配置（全应用生效） #

在应用入口的MaterialApp的theme属性中配置filterChipTheme字段，传入自定义的FilterChipThemeData，应用内所有未单独设置样式的FilterChip都会自动继承这套配置。

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: '应用名称',
      theme: ThemeData(
        // 其余全局主题配置...
        // 全局统一FilterChip样式
        filterChipTheme: FilterChipThemeData(
          selectedColor: Colors.blue.shade100,
          backgroundColor: Colors.grey.shade200,
          labelStyle: const TextStyle(fontSize: 14, color: Colors.black87),
          shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(8)),
          padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 8),
          side: BorderSide.none,
          checkmarkColor: Colors.blue,
          // 所有需要统一的样式属性都可以在这里配置
        ),
      ),
      home: const HomePage(),
    );
  }
}

配置完成后，在应用任意位置直接使用FilterChip(label: Text('标签'), onSelected: (v) {})，都会自动套用上面的统一风格，不需要重复传shape、selectedColor这类样式参数。

指定Widget子树范围配置（仅子树内生效） #

如果只需要某个页面、某个功能模块内的FilterChip使用独立的统一风格，不影响全局其他位置的组件，用Theme组件包裹目标子树，在子树的主题数据中覆盖filterChipTheme配置即可。

@override
Widget build(BuildContext context) {
  // 用Theme包裹需要独立样式的子树范围
  return Theme(
    data: Theme.of(context).copyWith(
      filterChipTheme: FilterChipThemeData(
        selectedColor: Colors.green.shade100,
        backgroundColor: Colors.white,
        shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(20)),
        checkmarkColor: Colors.green,
        labelStyle: const TextStyle(fontSize: 12),
      ),
    ),
    child: Column(
      children: [
        // Column下所有FilterChip都会自动套用绿色系胶囊样式
        FilterChip(label: const Text('标签1'), onSelected: (val) {}),
        FilterChip(label: const Text('标签2'), onSelected: (val) {}),
        FilterChip(label: const Text('标签3'), onSelected: (val) {}),
      ],
    ),
  );
}

补充说明：

• 如果需要同时统一所有Chip类组件（FilterChip、ChoiceChip、InputChip、ActionChip、普通Chip）的风格，可以配置ThemeData中的chipTheme字段，配置方式和filterChipTheme完全一致。
• 个别FilterChip需要差异化样式时，直接给组件实例传入对应的样式参数即可，单独设置的参数优先级最高，不会被主题配置覆盖，也不会影响其他组件的默认样式。

内容的提问来源于stack exchange，提问作者Ensei Tankado