Jetpack Compose Canvas绘制文本时下划线样式不生效问题

以下是几个可能导致下划线不显示的原因及对应解决思路：

• TextStyle的下划线配置未正确关联
  确认currentStyle的构建逻辑，比如是否在更新TextStyle时正确传入了textDecoration = TextDecoration.Underline，有没有在使用copy()方法时遗漏了这个参数。可以直接打印currentStyle.value!!.textDecoration确认值是否确实是Underline，而非空值或其他装饰类型。

• TextMeasurer与绘制样式不匹配
  TextMeasurer是基于特定TextStyle创建的，如果创建它时用的样式不带下划线，即便drawText时传入带下划线的样式，测量出的文本布局也不会包含下划线的绘制信息。检查TextMeasurer的创建代码，确保和drawText使用的是同一个（或包含下划线的）TextStyle：

  val textMeasurer = rememberTextMeasurer(style = currentStyle.value!!)
  

• 下划线被绘制到可见区域外
  下划线通常绘制在文本基线下方，如果topLeft参数的y值设置过高，可能导致下划线超出Canvas的可视范围。可以尝试调整topLeft的y值（比如增加10dp），看看下划线是否出现。

• 下划线颜色与背景色一致
  默认下划线颜色和文本颜色一致，如果文本背景色和文本颜色接近，下划线会被“淹没”。可以显式指定下划线颜色：

  TextStyle(
      textDecoration = TextDecoration.Underline,
      textDecorationColor = Color.Black, // 设置与背景色区分开的颜色
      color = Color.White,
      fontSize = 16.sp
  )
  

如果以上排查都没解决问题，可以提供TextMeasurer的创建代码、currentStyle的初始化/更新逻辑，以及Canvas所在Composable的完整代码，方便进一步定位问题。

内容的提问来源于stack exchange，提问作者S.Baner