React-native: [TextInput] fontWeight and fontStyle are not applied to TextInput (v0.8.0)

[zmxv]

See https://rnplay.org/apps/PDWePA to reproduce the bug.

[ericvicenti]

@sahrens, this might be related to your recent changes to TextInput

[morenoh149]

I've run into this as well.

[sahrens]

Looks like this is an iOS-only problem, and only occurs with multiline={false} (which is the default).

I haven't touched iOS for a while - @nicklockwood, can you take a look?

[sahrens]

Sorry for the super slow response, this totally fell off my radar and most of the syled inputs we have been using are all multiline so we didn't notice internally.

[christophermark]

I've done some playing around with this, and there are a few unexpected behaviors:

• You must have multiline={true} to apply any font styling.
• fontWeight and fontStyle applied simultaneously will cause neither to be applied
• Setting fontSize will strip any font weight styling.

You can see some examples in play here:
https://rnplay.org/apps/iiZDsA

[christophermark]

I just created a ProductPains post for this: https://productpains.com/post/react-native/text-styles-not-applied-correctly-in-textinput

[grabbou]

Looks like it works :)

[geirman]

@christophermark any chance you'd be willing to submit a PR for this? @grabbou what do you think next steps ought to be?

[barbatus]

It's actually quite frustrating that it can't get fixed for a year already.

[sahrens]

@javache or @mmmulani - do you guys have time to take a look? Pretty buggy.

[javache]

Fix up internally.

[jaredly]

Hmm I'm still seeing this issue on RN 0.39 (which was released Dec 1st, after the fix was committed...).
Are other people getting this working?

[bsiddiqui]

I'm still seeing this issue on 0.49.0

[shergin]

@bsiddiqui So, fontWeight and fontStyle do not work with for you? iOS or Android?

[bsiddiqui]

@shergin iOS, yeah fontWeight doesn't work unless I make the TextInput multiline

[shergin]

@bsiddiqui Oh, that's a bummer. 😢 Only fontWeight?
Could you please create a new issue for that, add a Snack example, and cc me?
cc @rigdern

[AfflatusX]

@bsiddiqui can you share a snippet? I tried to make my TextInput multiline but fontWeight still does not apply.