问题标签 [react-native-render-html]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
3986 浏览

android - 使用 React Native Render Html 在应用程序中链接

在我的 expo / react 应用程序中,我有一些来自网站的 HTML,这些 HTML 来自我从 api 中提取的。我想使用该 html 中的链接来链接到应用程序中的页面。一些示例html...

然后我想我会做一些字符串替换,以便 html 最终看起来像这样......

然后我会在我的应用程序中呈现内容,如果我做了这样的事情,链接就会起作用......

我似乎找不到正确的 href 值来成功点击应用程序内的页面。我尝试使用完整路径,exp://127.0.0.1:19200/Article/some-page我尝试过相对链接,例如/Article/some-page,我尝试在 app.json 中将模式值设置为“myapp”并使用链接到它myapp://Article/some-page

0 投票
3 回答
604 浏览

react-native - react-native-calendars 库中的 undefined is not and object(eveluting 'days[0].clone')

异步组件WillMount() {

渲染方法

每当远程调试 JS 处于应用程序完美状态时,我都无法破解此问题。当我将其关闭时,将显示此错误

0 投票
2 回答
898 浏览

css - 当html字符串已经有宽度时如何设置imagesMaxWidth

我在开发 React Native 应用程序时使用 react-native-render-html 将字符串转换为 html 元素。<img>我从后端通过 RESTful API 收到了字符串,并且标签中已经设置了宽度和高度:

但我希望将图像调整为窗口的最大宽度,所以我使用:

整个片段如下:

但是图像无法调整到窗口的最大宽度。

那么我该如何设置呢?

谢谢

0 投票
1 回答
1775 浏览

html - 在 React Native 中处理显示更多/更少文本

我收到来自远程 API 的 HTML 格式的响应。除非您按“阅读更多”按钮,否则不应显示整个内容。响应如下所示:

我使用react-native-render-html库渲染它,不幸的是它没有numberOfLines道具。

我尝试了在 Github 上建议的解决方案,该解决方案涉及添加自定义渲染器,该渲染器将所有标签替换为具有我需要的 numberOfLines 道具<p>的 react native标签:<Text>

它有效,但问题是<p>我的变量中有几个标签description,它显示所有标签都缩短到我输入的任何行数,而不是缩短整篇文章。所以我想我必须使用一个唯一的标签来包装整个 HTML 内容,然后应用相同的逻辑

同样,该解决方案有效,但它弄乱了里面的内容。未应用换行符等。

经过几次谷歌搜索后,偶然发现了一个名为我的第 3 方库,react-native-read-more-text 我知道它只适用于<Text>标签内的内容,所以我再次<Text>使用模板字符串包装

这次我收到一个错误:

在此处输入图像描述

我将不胜感激任何帮助

0 投票
0 回答
76 浏览

html - 如何使用 react-native-render-html 从包含电话号码或电子邮件的 html 内容中单击打开电话应用程序或电子邮件?

我有来自 api 的 html 内容,并使用下面的代码来呈现 html。

因此,如果 html 内容有电话号码或电子邮件,那么我如何通过单击它们来打开电话应用程序或电子邮件应用程序?

0 投票
2 回答
52 浏览

react-native-render-html - 不尊重 fontSize 的元素

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

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

传递的 HTML 是:

h1的渲染器:

检查结果:

在此处输入图像描述

0 投票
1 回答
975 浏览

react-native - 无法从模块 YYY 解析 XXX

我正在构建一个从 API 获取内容的小应用程序,其中一些内容是 HTML 格式,我愿意以 HTML 格式显示它(基本标签,如 B、I、P 等)。我尝试使用react-native-render-html它,它也需要react-native-webview(我也安装了),但是在启动 expo 服务器时,包含以下内容

我收到以下错误:

无法从“node_modules\htmlparser2\lib\CollectingHandler.js”解析“./MultiplexHandler”

实际上MultiplexHandler.js是从node_modules\htmlparser2\lib\.

目前我正在使用:

任何帮助将不胜感激,即使是显示一些 HTML 文本的替代方式,谢谢

0 投票
1 回答
681 浏览

react-native-render-html - 按下链接时如何打开浏览器?

我正在使用 4.2.2 版本react-native-render-html。给定以下代码段:

当我按下一个链接时,我希望网络浏览器会打开,但相反,什么也没有发生。

0 投票
1 回答
440 浏览

html - 反应原生渲染 HTML-> 类样式不起作用

嗨,我正在使用react-native-render-html 渲染 HTML

但是 classStyles(container,one,two) 对此没有影响

0 投票
3 回答
3136 浏览

react-native - 使用 渲染 iframe 时,Android 在导航回堆栈屏幕时崩溃

当在 中启用屏幕react-native-screens,并有一个渲染<HTML />组件的屏幕iframe时,应用程序会在按下返回按钮返回主屏幕时崩溃。在这里完整再现

环境

  • 反应原生:0.61.5
  • react-native-render-html: 4.2.2
  • 反应原生网络视图:10.3.2
  • 反应原生屏幕:2.8.0
  • react-native-render-html-table-bridge: 0.6.1

崩溃日志