react-native渲染富文本的几种方案

在React Native中渲染富文本内容，可以使用以下几种方案：

1. 使用react-native内置的Text组件，通过样式来定义富文本。
2. 使用react-native-webview组件嵌入一个WebView来加载HTML内容。
3. 使用react-native-htmlview组件来渲染HTML。
4. 使用react-native-render-html组件，它提供了更多的HTML渲染选项和自定义标签的能力。

以下是使用react-native-render-html的一个简单示例：

首先安装react-native-render-html：

npm install react-native-render-html

然后在你的React Native组件中使用它：

import React from 'react';
import { View } from 'react-native';
import RenderHtml from 'react-native-render-html';
 
const App = () => {
  const htmlContent = `
    <h1>This is a Heading</h1>
    <p>This is a <strong>paragraph</strong> with <em>HTML</em> support.</p>
  `;
 
  return (
    <View>
      <RenderHtml html={htmlContent} />
    </View>
  );
};
 
export default App;

这个示例展示了如何渲染简单的HTML内容。react-native-render-html支持更多复杂的HTML标签和CSS样式，并且允许自定义渲染。