How to style list bullets in v6?

Oath

I swear that I have completed these tasks before submitting:

• I have read the contribution guidelines here: https://git.io/JJ0Pg
• I have read the documentation here: https://meliorence.github.io/react-native-render-html/
• I have confirmed that this bug has not been reported yet

Decision table

• My issue does not look like “The HTML attribute ‘xxx’ is ignored” (unless we claim support for it),
• My issue does not look like “The HTML element <yyy> is not rendered”

Bug Report

Before updating to v6 I was using this setup for styling bullet, but now from docs I don’t understand how to achieve the same

listsPrefixesRenderers={{
                        ul: () => {
                            return <View style={{
                                marginRight: 10,
                                width: 10, 
                                height: 10,
                                marginTop: 12,
                                borderRadius: 12,
                                backgroundColor: 'red',
                            }} />
                        },
                    }}

Can anyone help?

[jsamr]

Is there a plan for a way to pass a custom character so we can use a dash (- or —) as our list marker for both <ul /> and <ol />?

@Slapbox You already can, see https://meliorence.github.io/react-native-render-html/docs/content/lists#defining-and-customizing-markers-pseudo-elements You’ll need to create a cyclic counter renderer with one character.

[Slapbox]

@jsamr thanks for your hard work on this project!

Is there a plan for a way to pass a custom character so we can use a dash (- or —) as our list marker for both <ul /> and <ol />?

We’ve ported a lot of our changes over to 6.x today, but my heart sank a bit when I saw there’s nothing we can do to replicate, or even emulate, the styles we were using in 5.x. I love the changes overall; a lot of things are just way smoother, but is support for custom text marker characters planned, I hope?