Cannot override list margins (ul, ol li) about react-native-render-html HOT 8 CLOSED

The marginBottom: 10 for list items is in line 101 now: https://github.com/archriss/react-native-render-html/blob/master/src/HTMLRenderers.js#L101

Will there be a prop in some future version, or do we need to create a custom renderer to change the margin?

from react-native-render-html.

This should still be open, there's still no way to override the li element styles.

from react-native-render-html.

@systemride You should be able to set margins for lists in the foundry pre-release, see #430 for instructions on how to try it out.

from react-native-render-html.

This doesn't seem to be fixed, passing a style with margin inside seems to have no effect.

from react-native-render-html.

@pataar maybe I'll regret this, but a hacky workaround that seems to work for me is to set marginLeft: -16 on the ul custom tag style.

ul: {
  listStyleType: 'none',
  marginBottom: 0,
  marginLeft: -16,
  marginRight: 0,
  marginTop: 0,
  paddingLeft: 0
},
li: {
  listStyleType: 'none'
}

from react-native-render-html.

Hi, you're correct, there is no simple way to change these styles for now.

Maybe we could add a style prop that would be merged with all the default styles for the renderers supplied with the plugin. I don't want to create too much additional props to tweak styling here and there. I feel like there's too much props already.

In the meantime, you can just copy/paste the renderer and change these values however you see fit and add your custom renderer to your renderers prop.

from react-native-render-html.

This should be fixed in 3.6.0.

from react-native-render-html.

Any solution for this?

from react-native-render-html.