using <b> tag will break the line

Using <b> tag inside a string will break the line.

<HTMLView
  value={ "A word will be <b>bold</b> inside this string." }
/>

• Expected:

A word will be bold inside this string."

• What I got acctually with react-native-htmlview:

A word will be bold inside this string."

By the way, is there any convenient tag to add attributes to specific words in a string?

[agustind]

Had the same problem, fixed it like this:

<HTMLView style={{flex:1, flexDirection: 'row', alignItems: 'flex-start', flexWrap: 'wrap'}} value={myhtmlcontent} />

[richchurcher]

Yes, that behaviour’s probably not ideal right now. It’s not just <b>: even a <span> will reproduce this. Note that it’s not an issue if you can wrap the content in a block-level tag:

  <div>A word will be <b>bold</b> inside this string.</div>

I imagine there’s a reasonable way to correct this, but for now it’ll probably require a wrapper.