globocom / globocom/react-native-draftjs-render
support backgroundColor in custom styles
- Dominant language
- JavaScript
- Stars
- 390
- Forks
- 61
- PR merge metrics
- No merged PRs in 30d
Description
Hey,
I was wondering if it's possible to support the style prop `backgroundColor` for text blocks ?
Let's say I have those blocks:
```
0: {
data: {},
depth: 0,
entityRanges: [],
inlineStyleRanges: [],
key: "6dml9",
text: "Test",
type: "unstyled",
},
1: {
data: {},
depth: 0,
entityRanges: [{…}],
inlineStyleRanges: [],
key: "5dpc1",
text: "@Coco Jumbo",
type: "mention",
}
```
and this style:
```
mention: {
lineHeight: 26,
fontSize: 14,
fontWeight: 'normal',
backgroundColor: theme.color.blue.shade100,
}
```
I'd expect the `Text` component corresponding to the second block with the `mention` style to have the background color I gave it, and looking pretty much like that:

Do you think that would be possible ? I know the `backgroundColor` style prop works fine with `Text` components in react-native, but if you didn't handle it maybe there's a reason, I'm just curious to know if you could manage to support it or not.
Or maybe I am doing something wrong ?
Anyway, great work with this package ;)
Contributor guide
No contributing guide indexed for this repository
Assessment
This issue has not been assessed yet.