Render HTML into native view

[darko-bw]

ReactNative has got an awesome plugin to render simple HTML into native view:

https://github.com/archriss/react-native-render-html

Is there any possibility to get any thing similar in NS8? I guess we still can use HtmlView but wanted to have something more advanced.

[7ammer]

I really like this feature "Custom HTML tags": https://github.com/meliorence/react-native-render-html#creating-custom-renderers

[7ammer]

I guess to achieve this you would need some sort of html parser (ie: https://www.npmjs.com/package/node-html-parser) and then a way to map each html tag to a nativescript component.

[7ammer]

Hi @NathanaelA,

I think the OP is looking for a better nativescript <htmlView> element (https://docs.nativescript.org/ui/components/html-view). A bit like the react-native-render-html plugin.

I mentioned the "custom html tags" feature because it allows the user to fully customise how a particular html tag should be rendered.
For example:
<h1>Hello world</h1> could be mapped to <Label class="h1" text="text.value" />.
<img src="my-image.jpg" /> could be mapped to <MyImageCacheComponent ratio="16:9" src="src.value" />.

I don't think this is particularly hard to do if I ever needed to build something like this, but it would be convenient to have this incorporated into <htmlView> or a similarly named component.

For me personally, <htmlView> has never been customisable enough for me to ever be able to use it in a project.