Simulate display: inline in React Native

Question

React Native doesn\'t support the CSS display property, and by default all elements use the behavior of display: flex (no inline-flex

Answer 1

You can get this effect by wrapping text elements in other text elements the way you would wrap a span in a div or another element:

  This writing should fill most of the container This writing should fill most of the container       

You can also get this effect by declaring a flexDirection:'row' property on the parent along with a flexWrap: 'wrap'. The children will then display inline:

  onetwoThreeFourFive

Check out this example.

https://rnplay.org/apps/-rzWGg