Custom Inline Tags about react-native-render-html HOT 3 CLOSED

Hi, I started working on this issue and I think I have a decent solution.

You'd be able to declare your custom tags like so :

            renderers: {
                mytag: { renderer: myTagRenderer, wrapper: 'Text' }, // new way
                myothertag: myOtherTagRenderer // old regular way (still valid)
            }

If you supply a function, it behaves as it used to. If you use an object, your function must be in the renderer key so you can add other options.

I added the wrapper key, so you can set the wrapper you want for you custom component yourself.

Please note that the wrapper is not a react-native component per-se, it's either "View" or "Text". It's only used by the plugin to make sure views aren't nested inside texts to prevent crashes.

The following renderers behave like this

Please tell me what you think about this solution, and I'll try to add it to the next version.

from react-native-render-html.

Sorry for the delayed response @Exilz, I've been off on vacation! I think this is probably the best solution in terms of API design. The only other solution I can think of is checking whether the returned node has an inline prop that's been set to true, but that feels a little too 'magical; to me.

from react-native-render-html.

This feature landed in 3.6.0. Thanks for the constructive feedback.

from react-native-render-html.