Invariant violation: "display" is not a valid style property.

[marclundgren]

var React = require('react-native');
var styleSheet = React.StyleSheet.create({
  container: {
    display: 'inline-block'
  }
};

I've used display as a propery in React projects before. Does React.native have an exception for display?

I also couldn't use borderRadius, boxShadow, textShadow, transition.

[ide]

Those are CSS properties. See https://facebook.github.io/react-native/docs/flexbox.html#content for the list of styles that React Native's layout system supports.

[jaygarcia]

This was a learning curve for me too. React Native implements a light CSS -like system. Once you break your bond with CSS, it becomes easier to use RN's style sheets.

JG

:: sent from my mobile device ::

On Mar 26, 2015, at 23:06, Marc Lundgren notifications@github.com wrote:

var styleSheet = StyleSheet.create({
container: {
display: 'inline-block'
}
};
I've used display as a propery in React projects before. Does React.native have an exception for display?

I also couldn't use borderRadius, boxShadow, textShadow, transition.

—
Reply to this email directly or view it on GitHub.

[marclundgren]

thanks @ide :)

[vjeux]

You can use flex-wrap and flexDirection: row to achieve display: inline-block

[sahrens]

And borderRadius should work in React Native.

On Mar 26, 2015, at 9:33 PM, Christopher Chedeau notifications@github.com wrote:

You can use flex-wrap and flexDirection: row to achieve display: inline-block

—
Reply to this email directly or view it on GitHub.