React-native: Failed propType: Invalid props.style key 'color' supplied to [ 'View' | 'RCTView' ]

[manjula91]

Warning: Failed propType: Invalid props.style key 'color' supplied to [ 'View' | 'RCTView' ]

I used color property in react native app and it gives above error.

Reproduction

You can reproduce the issue

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#fff',
    alignItems: 'center',
    color:'white',
    justifyContent: 'center',
  },
});

Additional Information

• React Native version: [0.43]
• Platform: [Android]
• Operating System: [MacOS]
• Dev tools: [ Android SDK version using genymotion for emulator]
  

[yumengbdw]

backgroundColor

[danielbrodin]

You have to set the color style directly on a Text component for it to be white. Child components does not inherit style like on the web.

[hramos]

What they said - set the color on the Text element. Be aware you're using a white background color on the View container, you'll probably want to use a different color for the text.

[manjula91]

Thanks issue is resolved