在日常开发中，我们需要使用丰富的文本编辑器来编辑业务内容，例如新闻，论坛等，然后在所使用的地点进行渲染。通常是一个段落），但是该应用程序不能直接在应用程序中渲染，我将介绍几个渲染解决方案。
由于已经有人造轮子，我们可以直接使用它。您可以在线搜索，您可以有一些选择，我在这里，npm地址：https：//www.npmjs.coms.com/package/package/reaect-render-render-html，，，，，
指示：
该组件的原理是分析标签HTML标签，一一将其转换为反应本性标签，然后渲染。
注意：如果您需要单击以放大预览，则需要单独处理图片。
除了使用现有组件外，我们还可以使用渲染。就像应用程序中的浏览器一样，您可以直接访问和渲染代码。在WebView中加载HTML资源的两种方法：
具体的实现是首先创建一个新的HTML文件，在其中编写初始化方法，并提供参数（HTML内容）和（执行方法）。代码如下：
然后介绍此HTML，注意该平台发行的路径，该代码如下：
以上两种方法可以满足呈现丰富文本HTML的应用程序的需求，但是需要将高度写成死亡。这一定不能满足期望，因此我们需要根据内容适应。有一个参数：导航状态更改时呼叫。
我们可以在HTML中编写一种方法，并将主体高度写入HTML的标题标签，该标题将触发导航状态的更改，然后将高度设置为WebView样式。
HTML的高度不确定大多数来自图片的负载。如果有多个图片，该方法中的高度可能无法获得最终的高度，因为可能没有加载的图片。因此，我们需要连续监视高度的身体，然后将其放回原处，因此我们可以写入该方法。一旦加载图片，该方法将执行：
如果您使用它来渲染，则无法直接操作操作中的图片和链接（标签），但是它提供了与应用程序进行通信的功能，即：
OnMessage：在WebView中调用网页时，可以触发与此属性相对应的函数以实现网页和RN之间的数据交换。
因此，我们可以在HTML方法上写下图片的单击，然后使用预览的预览或链接的跳跃，将其发送到此处。
HTML代码：
反应代码：
因此，我们也可以使用HTML的高度。HTML中的方法可以更改为以下代码：
您可以收听高级本地代码：
在这一点上，已经引入了React-Native的呈现丰富文本的方案。欢迎指出的是写作差和错误的地方。
原始：https：//juejin.cn/post/711133059750792927