0

关于使用react-native-render-html@4.2.1

使用 h1 的自定义渲染器，我正在设置返回的反应原生 Text 元素的样式。在 iOS 检查器中，您可以看到样式确实存在，但 fontSize 似乎没有得到尊重。此外，在测试了除了显示的标题之外的更多元素之后，它们似乎都没有遵守规定的字体大小。

传递的 HTML 是：

<h1>Header</h1>
<h2>Header</h2>
<h3>Header</h3>
...

h1的渲染器：

const styles = StyleSheet.create({
  h1: {
    fontSize: 300, // exaggerated for example
    lineHeight: 34,
  }
});

const renderers = {
  h1: (html, children, styles, {key}) => <Text key={key} style={styles.h1}>{children}</Text>,
};

// consuming component
<HTML
  html={html}
  renderers={renderers}
/>

检查结果：

在此处输入图像描述

4

2 回答 2

0

我错过了 HTML 容器的 tagStyles 属性。但是，知道为什么我会看到我所看到的会很有趣。

于 2020-07-23T16:57:23.620 回答
0

你的代码有问题！styles.h1您没有按照您的想法通过的原因styles是定义了两次，第 1 行和第 8 行。第二个定义在函数范围内，它覆盖了第一个定义。

于 2020-07-26T19:02:42.653 回答