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
1
vote
2 answers

Handling Show More/Less text in React Native

I'm getting a response from a remote API in HTML format. The whole thing is not supposed to be shown unless you press Read More button The response looks as follows: "

A suspension concentrate (SC) formulation containing 450 g/litre of napropamide…

1
vote
2 answers

How to set imagesMaxWidth when html string already has a width

I am using react-native-render-html to transfer a string into html elements while developing React Native Apps. I received the string by RESTful APIs from backend, and there has already had width and height set in tag:
Da Huo
  • 45
  • 1
  • 7
1
vote
3 answers

undefined is not and object(eveluting 'days[0].clone') in react-native-calendars library

async componentWillMount() { this.setState({ mMonthStartDate: moment(new Date()).startof('month').format("YYYY-MM-DD"), userAcadDetails: this.props.user.userAcadInfo, item: JSON.parse(await AsyncStorage.getAsyncValue(""""""""""")) }) render…
0
votes
0 answers

Height and Script Loading Issues for Twitter and Instagram Iframes and Blockquote Tags in React Native Using react-native-render-html, webVi

I have a newsData array where multiple news object is coming from the backend and I am rendering that news as a card. after clicking on any card again I am rendering all the newsDatat in horizontal scroll with pagination with the help of…
0
votes
0 answers

Load latex/mathematical equation in react-native-render-html

I am using react-native-mathjax. Still facing problems. Mathematical equation / Latex works well on the website. However, when using it react native it just displays the latex code: $\int_0^1 f(x) \, \mathrm{d} x$ How can one load the mathematical…
0
votes
0 answers

I want render HTML (from react) code in react native using react-native-render-html package everything works fine but audio and video not working

Hi I'm trying to render html code which include video and audio tags everything rendering perfectly but audio and video tag not rendering. Here my code is const HtmlContentCoponent = ({sourceData}) => { const source = { html: `
0
votes
0 answers

React-native-render-html, cannot style text bold

I Am trying to style the following content. I cannot get the class="content-bold" to style bold. Can anyone help?

xxx

xxx xxx

To opt out, please go to…

Bomber
  • 10,195
  • 24
  • 90
  • 167
0
votes
0 answers

Link to internal screen from React Native Render HTML (Using React Native Navigation)

I am using the react-native-render-html module in my application, as well as the @react-navigation/drawer module. I have a mix of nodes, some built in native components and some RenderHTML components that are getting their content from an external…
0
votes
0 answers

rendring html string with iframe in react native, iframe will not be displayed

I'm facing the same problem of this closed issue. I'm trying to display the following html inside a react-native-paper List.Accordion element in my expo application using the iframe-plugin for the react-native-render-html library to render iframe…
0
votes
0 answers

Cannot read property 'TRenderEngine' of undefined

Im getting an error as seen on the screenshot below TRenderEngine of undefined from the react-native-render-html and i'm not sure how to fix it. So i am using a UI Component from a 3rd party package, whenever i use their component i get this…
HeartlessArchangel
  • 1,737
  • 4
  • 13
  • 17
0
votes
0 answers

How to scroll to an anchor in react-native-render-html

Problem I get some html from an api endpoint. This html contains internal links like this: which should scroll to My Item when clicked. My problem is that the default behavior for rendered links in…
Gh05d
  • 7,923
  • 7
  • 33
  • 64
0
votes
0 answers

Using Italic Google Font with RenderHTML

I have a React Native project using Expo where I'm using react-native-render-html and Google Fonts through @expo-google-fonts. After loading my fonts properly and everything, I can't get an Italic font to render properly on Android, whereas it works…
xpher0408
  • 3
  • 2
0
votes
0 answers

How to render plain text nodes in React Native via react-native-render-html with a custom renderer?

Problem I'm trying to replace placeholder values in some HTML with actual values in React Native. The placeholders are returned from an API and sometimes they are not surrounded by any tags, just plain text. I've tried defining custom renderers for…
0
votes
0 answers

external styling does not render correctly, in react-native-render-html

I want to display HTML that got from API response like this { "title": "Testing Bootstrap styling", "preview": "Ini lagi testing bootstrap styling", "body":"
Ebe toni
  • 9
  • 3