Error while updating property 'backgroundColor' in shadow node of type: AndroidTextInput

[ChristiaanHaas]

When adding a backgroundColor to Hoshi on android:

[Moyal17]

get the same issue

[Moyal17]

try this One, the Hoshi in the Example page works for me

    <View style={[styles.card1, { backgroundColor: '#F9F7F6' }]}>
      <Text style={styles.title}>Hoshi</Text>
      <Hoshi
        label={'Town'}
        borderColor={'#b76c94'}
        maskColor={'#F9F7F6'}
      />
      <Hoshi
        style={styles.input}
        label={'Street'}
        maskColor={'#F9F7F6'}
        borderColor={'#7ac1ba'}
      />
    </View>

[elliotcw]

The example doesn't use the backgroundColor prop though. Agreed removing the backgroundColor prop is a workaround.

[halilb]

Sorry for answering so late @ChristiaanHaas.

I just tried this on the example project and it worked well:

<Hoshi
  style={{ backgroundColor: '
  maskColor={'red'}
  label={'Town'}
  borderColor={'#b76c94'}
 />

Which react native version are you using? I recently upgraded the example project to react native 0.44, and that probably helped fixing this.

[halilb]

Closing for inactivity.

[Oblongmana]

@halilb I've just come across this issue in

"react-native": "^0.49.5",
"react-native-textinput-effects": "^0.4.2",

I think the issue is that the README.md uses backgroundColor as an attribute (not a style value, an attribute) for the Hoshi example - it might need updating? The example page looks fine, it's just the README that has an incorrect example

Great library though, saved me a bunch of time, and the elements all look fantastic!

[halilb]

Thanks for the info @Oblongmana.

I'll test again using backgroungColor prop.

got same error. its work on ios, but backgroundColor doesnt work on TextInput android.
<TextInput
backgroundColor={'red'}
onChangeText={onChangeText}
value={inputText}
/>

[mymai91]

same issue

[kie-sp]

I also have the same issue

[csotiriou]

Updating my Target SDK version to version 27 seems to fix the issue.

See this: facebook/react-native#13984

[sinay18]

Hello Guys,

I am also struggling with this...any update?

Thanks

[rajeevrocker7]

For 'TextInput' in style try after removing backgroundColor, color, if passed.
@sinay18

textInputStyle: {
...
backgroundColor: '#FFFFF', // remove this
color: 'black' . //remove this
}