react-native - React Native 风格 textDecorationLine : 'underline' is not working in iOS 13

Question

我正在尝试呈现多行文本例如。这是我的文本阅读更多，对于“阅读更多”，我正在应用样式 textDecorationLine: 'underline'。它在 Android 上运行良好。但在 iOS 13 中，它仅在下划线文本不在第一行时才有效。

我试图将此文本包装在 View 中，但我必须在从服务器获取的文本末尾呈现此文本。有什么解决办法吗？

<Text
  style={{
    fontSize: 12,
    flexWrap: "wrap",
    marginHorizontal: 10,
  }}
>
  {text}
  <Text
    style={{
      textDecorationLine: "underline",
      textDecorationStyle: "solid",
    }}
    onPress={() => {
      this.readMore();
    }}
  >
    Read more
  </Text>
</Text>

Answer 1

我有同样的问题，只是发现这与 React Native 无关。这是一个字体故障，当您在 native 应用程序中显示带下划线的字体时也会出现这种故障。它也与 iOS 13 无关，因为它也发生在 iOS 11 中。尽管 React Native 和 iOS 之间存在差异。

这是 React Native 中的 Balto 字体:

这是原生的 Balto 字体:

使用的字体规范:

• 家庭:巴尔托
• 尺码:19
• 字重:粗体
• 样式:下划线