Jetpack Compose Material3中如何全局自定义Button的Full形状？

要实现无需逐个设置、全局统一修改Button的Full形状，你可以通过覆盖主题中Button的默认样式来完成，具体步骤如下：

• 第一步：创建自定义Button样式，替换目标形状

  val CustomButtonStyle = ButtonDefaults.buttonStyle(
      shape = RoundedCornerShape(24.dp) // 替换为你需要的自定义圆角值
  )
  

• 第二步：在MaterialTheme中全局替换默认Button样式
  修改你的主题配置，通过components参数覆盖Button的默认样式：

  MaterialTheme(
      colorScheme = colorScheme,
      typography = Typography,
      shapes = Shapes(
          extraSmall = RoundedCornerShape(4.dp),
          small = RoundedCornerShape(8.dp),
          medium = RoundedCornerShape(12.dp),
          large = RoundedCornerShape(16.dp),
          extraLarge = RoundedCornerShape(8.dp)
      ),
      components = {
          buttonStyle(CustomButtonStyle)
      }
  ) {
      // 应用内容
  }
  

补充说明 #

MD3中Button默认使用的Full形状，对应组件内部通过MaterialTheme.shapes.fromToken(ShapeKeyTokens.Full)获取，但Shapes类并未暴露直接配置Full的参数。通过覆盖Button默认样式的方式，能直接、高效地全局统一所有Button的形状，无需封装复用组件或逐个设置。

内容的提问来源于stack exchange，提问作者nayan dhabarde