react-native-render-html: Doesn't handle incompatible value property

Everytime i’m facing some HTML using property such as ‘initial’, ‘normal’, ect. It is isn’t handled properly by this library

Warning: Failed prop type: Invalid prop `textDecorationColor` supplied to `Text`: initial
Warning: Failed prop type: Invalid prop `display` of value `inline` supplied to `Text`, expected one of ["none","flex"]
Warning: Failed prop type: Invalid prop `letterSpacing` of type `string` supplied to `Text`, expected `number`.
Bad object: {
  "letterSpacing": "normal"
}
Warning: Failed prop type: Invalid prop `textDecorationStyle` of value `initial` supplied to `Text`, expected one of ["solid","double","dotted","dashed"].
Failed prop type: Invalid prop `textAlign` of value `start` supplied to `Text`, expected one of ["auto","left","right","center","justify"].

I can’t possibly ignore all these styling.

Using react-native-render-html: 3.9.3,

About this issue

  • Original URL
  • State: closed
  • Created 6 years ago
  • Comments: 17 (1 by maintainers)

Most upvoted comments

ds8k !! was wondering the same. Ignoring styles fixed this issue. I ignored this by using this prop allowedStyles={[]}

any follow up on this?

ignoredStyles={[‘font-family’, ‘display’,‘text-align’,]} allowedStyles={[“none”,“flex”]}