react-native: [Android] TextView doesn't support letter spacing and padding

padding of a TextView is ineffective, the dimension seems right, but the content is not placed correctly
the text (not the TextView) ‘inherits’ the background color, so it looks like there’s an overlapped layer

2015-10-05 7_53_46

it should look like this: 2015-10-05 7 49 50

RN v0.11.4
Android 5.1.1

code:

    <Text style={{
        backgroundColor: 'rgba(100,230,100,.7)',
        padding: 25,
        color: 'white',
        fontWeight: 'bold',
      }}
      >
      Hello
    </Text>

About this issue

Original URL
State: closed
Created 9 years ago
Reactions: 14
Comments: 28 (13 by maintainers)

Most upvoted comments

You can’t image how heart-breaking it was when I first fired up my ‘fine tuned’ iOS version on Android…

+33

kkgelu on Mar 3, 2016

I think point 1. was fixed in c3f2bba834a5ffcc42352bb738132baceafce76d.

mquandalle on Jul 24, 2016

Here is a workaround in the meanwhile. http://stackoverflow.com/questions/38451278/letter-spacing-on-react-native-android

theodoregold on Dec 26, 2016

For those interested there is a new PR that fixes letter spacing in Android https://github.com/facebook/react-native/pull/9420 /cc @rburgst

maraujop on Sep 22, 2016

I would like to split this issue, since padding and letter spacing don’t really have anything to do with each other. Padding should be easily fixable regardless of the letter spacing issue (which is much harder to fix).

rburgst on Jun 14, 2016

Have same issue with padding for android platform, no problems with iOS in the same time! Any chances to get that fixed soon?

coderbit-net on Mar 17, 2016