react-native-render-html@6.3.4

有没有办法强制在任何元素中呈现的所有文本都具有默认字体大小?

我正在显示网页编辑器中的html,无法控制html的呈现方式.例如,文本可以在div、span中,也可以嵌套在span和b标记中.

<div>
    <div>text in div</div>
    <span>text in span</span>
    <span><b>text in bold</b></span>
</div>

我知道你可以使用这样的渲染,但我不能对所有的div都这样做.

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

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

推荐答案

try 以下解决方案:

const defaultTextProps = {
   style: {
    fontSize: 16, // Your default font size
   },
 };


<HTML
   html={htmlContent}
   defaultTextProps={defaultTextProps} //Apply default styles to all text elements
/>

React-native相关问答推荐

如何在EXPO路由中重置导航

NativeWind边框 colored颜色 在Reaction Native应用程序中未按预期工作

Reaction-Native-pdf文件不是PDF格式或已损坏

React native React native下拉 Select 器下拉列表不透明问题

在 React Native 中使用 Flatlist scrollView 时的模式关闭

有人可以帮我实现 Font.loadAsync

React Native React 导航标题按钮事件

你如何使 react-native react-navigation 标签栏透明

React Native 开发中的/ios/index/DataStore文件夹是什么

React-Native Android - 找不到 com.android.tools:common

请求的体验使用 Expo SDK v(null),但此 Expo Client至少需要 v23.0.0版本

React Native - SectionList numColumns support

如何解决react-navigation 问题:Animated: `useNativeDriver` is not supported because the native animated module is missing.?

为什么 Android Studio 强制使用 Android 支持库中的 Androidx?

React native - 创建单例模式的最佳方式

如何将 React Native Promise 连接到 Swift

iOS ActionSheet 的 Android 类似功能

ExpoKit 和 React Native 元素的区别

React Native + Redux 基本认证

安卓启动问题:Unsupported class file major version 57