Flutter项目用Material 3时如何保留Material 2的RawChip椭圆样式？

Material 3的RawChip默认采用小圆角设计，要还原Material 2的椭圆形外观，核心是修改组件的shape参数，以下是两种实用实现方式：

1. 单个RawChip单独配置 #

直接在目标RawChip中指定椭圆形边框，这是最灵活的按需调整方式：

RawChip(
  label: const Text('椭圆形Chip'),
  // 设置椭圆形边框，20.0是Material 2原生Chip常用的圆角值，可按需调整
  shape: RoundedRectangleBorder(
    borderRadius: BorderRadius.circular(20.0),
  ),
  // 可选：匹配Material 2的其他视觉细节
  elevation: 2,
  labelPadding: const EdgeInsets.symmetric(horizontal: 12, vertical: 4),
  onPressed: () {},
)

2. 全局主题统一配置 #

如果需要项目中所有RawChip默认使用椭圆形外观，可通过ThemeData的chipTheme做全局配置：

MaterialApp(
  theme: ThemeData(
    useMaterial3: true,
    chipTheme: ChipThemeData(
      shape: RoundedRectangleBorder(
        borderRadius: BorderRadius.circular(20.0),
      ),
      // 可额外配置label样式、背景色等，完全对齐Material 2风格
      labelStyle: const TextStyle(color: Colors.black87),
      backgroundColor: Colors.grey[200],
    ),
  ),
  home: YourHomePage(),
)

补充说明 #

• 若想实现完全贴合Material 2的自适应椭圆，可将圆角值设为Chip高度的一半（比如Chip高度为40时，圆角设为20）；用BorderRadius.circular(double.infinity)也能实现自适应椭圆形，但固定数值更贴近Material 2的原生表现。
• Material 3的RawChip默认内边距与Material 2略有差异，可通过labelPadding调整匹配。

内容的提问来源于stack exchange，提问作者Jeff M Palmer