display inline not working for Text/View

Styling Text or View components as display: "inline" does not appear to be working. I would expect the elements to render next to each other instead of stacking.

Example REPL

[keithmichelson]

Seeing the same problem. Had to use flexbox.

const styles = StyleSheet.create({
  inline: {
    display: "flex",
    flexDirection: "row"
  }
});

const Inline = () => (
  <Document>
  	<Page>
      <View style={styles.inline}>
      	<Text style={styles.inline}>bar</Text>
        <Text style={styles.inline}>baz</Text>
      </View>
    </Page>
  </Document>
)

ReactPDF.render(<Inline />);

[yoshig]

The issue with this is having text that we’d want to wrap onto the next line.

const styles = StyleSheet.create({
  inline: {
    display: "flex",
    flexDirection: "row"
  }
});

const Inline = () => (
  <Document>
  	<Page>
      <View style={styles.inline}>
      	<Text style={styles.inline}>If this text is all written out</Text>
        <Text style={styles.inline}>and then this needs to continue and this text is also in the same row and wraps to the next line</Text>
      </View>
    </Page>
  </Document>
)

ReactPDF.render(<Inline />);