React-native: StyleSheet.fullScreen is not compatible with React 15.3.0

Created on 30 Jul 2016  路  12Comments  路  Source: facebook/react-native

Warning: You are manually calling a React.PropTypes validation function for the 'bottom' prop on 'StyleSheet.fullScreen'. This is deprecated...

Locked

Most helpful comment

It's a very annoying warning (I get about about a 1000 yellow boxes every reload). Enough to make me downgrade unless there was something super nice in 15.3.x I wanted and even then I'd probably fork react to make it stop warning me.

All 12 comments

Experiencing this on react 15.2.0 and react-native 0.30.0

Same here, see this issue in React:
https://github.com/facebook/react/issues/7131
And the corresponding PR:
https://github.com/facebook/react/pull/7132

I suggest you to downgrade to react 15.2.1 until RN support react 15.3.0

@neiker I suggest you to downgrade to react 15.2.1 until RN support react 15.3.0

Isn't this just an warning? No need to downgrade.

It's a very annoying warning (I get about about a 1000 yellow boxes every reload). Enough to make me downgrade unless there was something super nice in 15.3.x I wanted and even then I'd probably fork react to make it stop warning me.

@satya164 this is a big deal for development experience because with 1000 yellow boxes every little step in development takes 10 seconds. I understand there are workarounds but if I can express my thoughts this is a deal breaker for upgrading.

@satya164 yeah, it's just a warning, but a really annoying one.

Common, you can hide one warning easily via console.ignoredYellowBox

this is a big deal for development experience because with 1000 yellow boxes every little step in development takes 10 seconds.

You can hide the specific warning by following the steps here - https://github.com/facebook/react-native/blob/654a36018c069aca836c512ce71c0e325ca1ff7e/Libraries/ReactIOS/YellowBox.js#L49

Also would be nice if someone can send a PR to fix this issue in RN core.

Is fixed in next version

https://github.com/facebook/react-native/commit/5db5ee9f556ee0486f4e805425807fc74e23a9d3

Meanwhile, I added this to my index.ios.js as @steida suggested before

// eslint-disable-next-line no-console
console.ignoredYellowBox = [
  // https://github.com/facebook/react-native/issues/9093
  'Warning: You are manually calling a React.PropTypes validation',
];

@neiker Thanks. Closing this then.

Was this page helpful?
0 / 5 - 0 ratings