React Native实现仅文本前2个字符添加下划线的方法

React Native 中 Text 组件的 textDecorationLine 属性会作用于整个文本内容，要实现仅前2个字符带下划线的效果，你需要将文本拆分为多个 Text 子组件，单独给前2个字符设置下划线样式，其余部分复用公共样式即可。

修改后的代码示例：

<Text
  style={{
    marginTop: SCREENHEIGHT * 0.08,
    fontFamily: "Outfit-Regular",
    fontSize: SCREENHEIGHT * 0.023,
    color: "#0C0C0C",
  }}
>
  <Text
    style={{
      textDecorationLine: "underline",
      textDecorationColor: "#F88022",
      textDecorationStyle: "solid",
    }}
  >
    Co
  </Text>
  ntract Details
</Text>

说明： #

• 父 Text 承载所有文本的公共样式（外边距、字体、字号、颜色），子 Text 只需要单独设置下划线相关样式，无需重复编写公共样式。
• 拆分后的文本会自动拼接显示，不会出现排版错位问题。

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