Questions tagged [react-native-render-html]

Questions about react-native-render-html library usage and challenges. Please follow our guidelines when you plan to post a question here.

Our recommended checklist for new posts:

  • Be direct about your issue. We don't need extraneous context such as "I'm developing an app for doing XXX".
  • Provide useful context, react, react-native and react-native-render-html versions, the packager you're using, the distribution (expo, vanilla)... etc.
  • Provide a clear, synthetic snippet of code rather than a long bloated excerpt from your code.
  • If you are requesting help while facing a failure, please follow guidance for a minimal working example: https://stackoverflow.com/help/mcve
61 questions
0
votes
2 answers

Style tnode.children with React Native Render HTML custom rendering?

I want to add a strike-through decoration to the #text-node-like children of a particular item we render using custom rendering. But I'm not aware of any way to actually target the child #text-like-node and apply styles to it. For example, we could…
Slbox
  • 10,957
  • 15
  • 54
  • 106
0
votes
0 answers

How to show list markers conditionally with React Native Render HTML?

I've explored the docs, the code, and all of the questions/discussions I can find on this library but haven't found any discussion of whether this is possible. Basically we want to only show the marker if the list contains some particular…
Slbox
  • 10,957
  • 15
  • 54
  • 106
0
votes
1 answer

Allow Copy Texts with RenderHTML in React Native

I have a problem copying when pressing and highlighting texts in my react native app. I wanted to achieve something like this picture CODE import Clipboard from "@react-native-clipboard/clipboard"; import RenderHtml, { HTMLContentModel, …
Joseph
  • 7,042
  • 23
  • 83
  • 181
0
votes
1 answer

How do I style italic or bold text with a custom font in an expo project using react-native-render-html?

I am trying to use custom fonts within the render component of react-native-render-html. I have been able to successfully style the base text following the documentation, however the italic and bold text just jump back to the default font. So I…
Quddus George
  • 962
  • 2
  • 14
  • 30
0
votes
1 answer

How do i pass a custom props from RenderHTMLSource to a custom renderer in react-native-render-html?

I have a component called RenderHtml which renders my html: And a custom img renderer that looks like this:
0
votes
1 answer

Error linking an url containing & using react-native-render-html

I'm trying to include a link to an external url with key/value pairs prefaced with & using react-native-render-html in an app developed with expo but when I run the code on Expo Go client I've got the error: TypeError: undefined is not an object…
pferriol
  • 11
  • 6
0
votes
1 answer

How to render html audio tag in react native?

Why is react-native-html-render not rendering html audio tag? Is it possible to do it with this library? Since there is iframe plugin to handle videos and it feels like there should be one to do that with audio but I can not find. Thanks in advance.
0
votes
1 answer

Load the Script tag in react native

I am using the react-native-render-html to load all the tags in view. but in my case script tag was not loaded. Can anyone please let me know how to load the script tag inside the react native view. I am getting the response data as follows. for…
user15707069
0
votes
1 answer

`react-native-render-html` default WebView props (`originWhitelist `)

I am using react-native-render-html in my react-native application and successfully rendering HTML: import RenderHtml from 'react-native-render-html' import WebView from 'react-native-webview' export const MyComponent = (props: {html: string,…
Bertrand Caron
  • 2,525
  • 2
  • 22
  • 49
0
votes
0 answers

How to render
    with proper indentation and label using react-native-render-html?

I'm using the renderers to alter the indention of the levels however I needed to provide a custom function to identify the proper label. Here's the payload returned from the API >>>>

sample product


  1. sample
0
votes
0 answers

React native - How to know the height of the view after all children view have been finished rendering?

I'm using react-native-render-html to render HTML article. The goal is to scroll to next element (like Comment section, Next article...) after the article has finished the rendering. But since it loads remote images, the height of the view depends…
TomSawyer
  • 3,711
  • 6
  • 44
  • 79
0
votes
1 answer

Twitter embedd not rendering react native render html

I am using react-native-render-html@foundry onShouldStartLoadWithRequest(e,href)} html={item.news.content.rendered} …
0
votes
1 answer

React native render HTMl -> classstyle not working

Hi i am rendering HTML contant with using react-native-render-html. var strHTML = '' strHTML = `

Sunny

Developer

Ist Floor, Shubham Complex, Ghatlodiya

Ahmedabad,…

SShah
  • 243
  • 2
  • 17
0
votes
2 answers

Elements not respecting fontSize

Concerning the use of react-native-render-html@4.2.1 Using a custom renderer for h1, I am setting the styles of a returned react native Text element. In the iOS inspector you can see that the styles are indeed there but the fontSize does not seem to…
jDesign
  • 28
  • 5
0
votes
0 answers

how to open phone app or email on click from html content which contains phone number or email using react-native-render-html?

I have html contents coming from api, and used below code to render html. So if html content has a phone number or email then how can i open phone app or…