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
25
votes
4 answers

react-native-render-html: "You seem to update the X prop of the Y component in short periods of time..."

Notes: I'm the author of react-native-render-html. This question is for educational purposes, in compliance with StackOverflow policy. I am rendering RenderHtml component in a WebDisplay component like so: import * as React from 'react'; import…
Jules Sam. Randolph
  • 3,610
  • 2
  • 31
  • 50
7
votes
7 answers

When rendering iframes with , Android crashes while navigating back to stack screen

When enabling screens in react-native-screens, and having a screen which renders an component passed with an iframe HTML element, the app crashes while pressing the back button to return to the home screen. Full reproduction…
6
votes
2 answers

react-native-render-html FontFamily attribute not working

Today I try to use this library to render raw html in my React Native app. Here my code: import HTML from "react-native-render-html"; const htmlContent = `
3
votes
0 answers

'react-native-render-html' do not render and as expected on iOS but does on Android

I am using 'react-native-render-html' to render html from my admin panel app but on the react native application on my devices text is bold and italic in Android device and is not on iPhone. What could be the reason ? This is how it looks in…
3
votes
1 answer

How to select texts word by word in react-native-render-html (version: 4.2.3)

Thanks for the amazing library. It's similar to the previous questions, so I hope this will help him/her as well. But I will try to be more clear and provide some examples. Basically, what I want is when I try to select the rendered text: I want to…
sanghapark
  • 250
  • 4
  • 10
2
votes
2 answers

How to force a tag to full-width in React-Native-Render-Html?

We have a custom renderer for span tags but I can't find any way to force the span to full-width. I tried wrapping the custom renderer in a View as well as applying all the usual React-Native styles without luck. Given input HTML like…
Slbox
  • 10,957
  • 15
  • 54
  • 106
2
votes
1 answer

Extract raw HTML in react-native-render-html custom renderer

I'm using react-native-render-html to render html. The renderers method allows me to provide custom function to render a particular tag. However I want to replace the children with my custom component, using the raw inner HTML from the…
Deepak Jha
  • 23
  • 1
  • 5
2
votes
1 answer

How to remove tags from react-native-render-html?

How do I remove h2 tags that has only
tag?


Kamal Pandey
  • 1,508
  • 1
  • 8
  • 12
2
votes
1 answer

How to open the browser when a link is pressed?

I am using version 4.2.2 of react-native-render-html. Given the following snippet: # App.js import React from 'react'; import HTML from 'react-native-render-html'; export default function App() { return ( react-native-render-html
ThisIsMyName
  • 887
  • 7
  • 14
1
vote
0 answers

styling tagstyles
    doesnt work on RenderHtml from 'react-native-render-html'

i want to change font color and line height on numbering list on RenderHtml from 'react-native-render-html' but it doesnt work. this is my code `
1
vote
1 answer

React-Native Problem with the react-native-render-html component

I try to use the react-native-render-html. Here is my component: import { memo, useEffect } from 'react' import { Text, View } from 'react-native' import RenderHTML from 'react-native-render-html' function TokenDetail({ navigation, token }) { //…
1
vote
0 answers

React-native-render-html: how to render superscript or subscript text?

Everything is rendered properly in my app, except the superscript and subscript texts. I tried using tagsStyles to apply custom styles in and tags, but I could only change their color or fontsize. I couldn't get them to mimic superscript…
1
vote
0 answers

Replace Text node with React Element via react-native-render-html in React Native

Problem I am using react-native-render-html to render some html in React Native. The problem is that this html contains some placeholders like {{{placeholder:items:0}}} which should be replaced with a React Element. Code I am using the onText…
Gh05d
  • 7,923
  • 7
  • 33
  • 64
1
vote
0 answers

Twitch thumbnail not visible in webview

I am working on a React Native app that displays HTML content using the react-native-render-html library. This HTML data is coming from content formatted in WordPress. The same content is also being displayed in the web app made with ReactJS. I am…
1
vote
0 answers

Replace default react-native-render-html components with custom ones

I need to somehow replace the defualt components with my own. For example: The renderer needs to render from react-native, but I want to somehow set it to render from native-base library. Is something like this possible? All I've read so far is…
1
2 3 4 5