[TextInput ][ Android ] fontStyle not updated on component re-render

[ahetawal-p]

• Review the documentation: https://facebook.github.io/react-native
• Search for existing issues: https://github.com/facebook/react-native/issues
• Use the latest React Native version: https://github.com/facebook/react-native/releases
• Run react-native info in your terminal and paste its contents under "Environment"

Environment

Environment:
OS: macOS High Sierra 10.13.4
Node: 8.11.1
Yarn: Not Found
npm: 5.7.1
Watchman: 4.7.0
Xcode: Xcode 9.4 Build version 9F1027a
Android Studio: 3.1 AI-173.4720617

Packages: (wanted => installed)
react: 16.3.1 => 16.3.1
react-native: 0.55.4 => 0.55.4

Description

Applying fontStyle dynamically to a TextInput on Android doesn't reflect.

Steps to Reproduce

Here is the sample render function

 const tester = this.state.enteredText.length == 0 ? {fontStyle:'italic'} : {fontStyle:'normal'}
    return (
      <View style={styles.container}>
        <TextInput
         onChangeText={txt => this.setState({enteredText: txt})}
         style={[styles.paragraph, tester]}
         placeholder={'This is a test'}
  />
      </View>
    );

Expected Behavior

When user starts typing the fontStyle should be updated to normal

Actual Behavior

The fontStyle always stick to italic even after the re-render of the TextInput has happened.

[dancherb]

Having the same issue with a redux-linked TextInput.

[mickadoua]

i have the same issue
Others Styleq (e.g : color) are correctly applied

If we come back to the same page, the Italic style is applied

here is a video :
placeholder Italic.webm.zip

PS : The same style is applied to Text and TextInput component

[eleeffs]

I am also having similar issue.

I am changing the style of the textInput once there is value then changing it back once the text field has been cleared.

The placeholder text is not fully updating the style. fontSize and color are working as @mickadoua mentioned but things like fontFamily or fontWeight are not changing the placeholder back to the original style.

Here is snak example https://snack.expo.io/By2ijBW5X

[YangXiaomei]

I have the same issue.

It works on iOS, but not works on Android.

[stale]

Hey there, it looks like there has been no activity on this issue recently. Has the issue been fixed, or does it still require the community's attention? This issue may be closed if no further activity occurs. You may also label this issue as "For Discussion" or "Good first issue" and I will leave it open. Thank you for your contributions.

[stale]

Hey there, it looks like there has been no activity on this issue recently. Has the issue been fixed, or does it still require the community's attention? This issue may be closed if no further activity occurs. You may also label this issue as a "Discussion" or add it to the "Backlog" and I will leave it open. Thank you for your contributions.

[stale]

Closing this issue after a prolonged period of inactivity. If this issue is still present in the latest release, please feel free to create a new issue with up-to-date information.