Balise <sup> 在 react-native-render-html 自定义渲染器中显示为 <sub>

Balise <sup> is displaying like <sub> in react-native-render-html custom renderer

我正在使用 react-native-render-html 来呈现 html 并且 HTML 标签就像定义下标文本。

Au IV<sup>e</sup>

在我的应用程序中：

我正在努力避免这种情况，但我认为有更好的方法来解决这个问题。

你有什么事

<sup> 元素的默认样式如下所示：

{
  textAlignVertical: 'top',
  fontSize: 'smaller'
}

不幸的是，React Native 有一个 bug whereby textAlignVertical: 'top' doesn't work for nested Text elements on Android.

I've also submitted a feature request for 'sub' and 'sup' support in their Canny.

我建议你：

  • 支持 Canny 功能请求；
  • 对错误报告投赞成票；

这将有助于提高这些问题的知名度。如果您或您的团队有任何 Android SDK 经验，您也可以向上游提交修复。检查错误报告线程，因为贡献者似乎正在解决问题。