globocom / globocom/react-native-draftjs-render

support backgroundColor in custom styles

Offen
#61 4 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
Vorherrschende Sprache
JavaScript
Sterne
390
Forks
61
PR-Merge-Kennzahlen
Keine gemergten PRs in 30 T.

Beschreibung

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:
![Screenshot 2020-01-28 at 17 46 06](https://user-images.githubusercontent.com/10670669/73285294-177c3e00-41f6-11ea-861a-a6d88db22882.png)

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 ;)

Beitragsleitfaden

Für dieses Repository ist kein Beitragsleitfaden indexiert

Bewertung

Dieses Issue wurde noch nicht bewertet.

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.