HTML Renderer not rendering CSS correctly

Question
1

Hello ! I’m trying to display this html

.main{ display: flex; } .item{ width: 50%; } 
    <div class="item">

        <img src="https://jwatt.org/svg/tmp/embedded-sizing/embedded-px-px.png">

    </div>

    <div class="item">

        <img src="https://jwatt.org/svg/tmp/embedded-sizing/embedded-px-px.png">

    </div>

The browser output of this HTML looks like this

image
image427×564 3.55 KB

But appgyver HTML renderer output for the same code is different

image
image827×434 4.85 KB

It seems like the CSS is not getting executed for some reason in appgyver. Any idea how to debug this?

2

Hi,
You are correct. The HTML Renderer is currently in Beta and can only render pure HTML with no styling. The component is based on react-native-htmlview and styling for the component needs to be passed separately (which is not supported at the moment).

3

Any idea when styling will be available?

4

Unfortunately, I am unable to give estimates at the moment.