title: React native: Inline image with text
body: <p>I am new to react native layout.</p>
  <p>I want to put inline sentences separated by images, in which sentences are inline and images are like commas...</p>
  <p>I did a json file that contains an array, which i make map function on it and in it I put text tag and image tag.</p>
  <p>But the output did not match my design.</p>
  <p><a href="https://i.stack.imgur.com/yBr5J.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/yBr5J.jpg" alt="enter image description here" /></a></p>
  <pre><code>import React, { Component } from 'react';
  import image1 from './assets/image.jpg'
  import {
    StyleSheet,
    ScrollView,
    View,
    Text,
    Image,
  } from 'react-native';
  import Monday1 from &quot;./data/monday1&quot;;
  class App extends Component {
    constructor(props) {
      super(props);
    }
    render() {
      return (
        &lt;ScrollView&gt;
          &lt;View style={{ marginRight: 20, marginLeft: 20, marginTop: 20 }}&gt;
            &lt;View style={{ flex: 1, flexDirection: 'row', flexWrap: 'wrap' }}&gt;
              {Monday1.map((Monday1Text, key) =&gt;
                &lt;View style={styles.border2}&gt;
                  &lt;View style={styles.border}&gt;
                    &lt;Text key={key} style={styles.text}&gt;
                      {Monday1Text}
                    &lt;/Text&gt;
                  &lt;/View&gt;
                  &lt;Image style={{ width: 50, height: 50, borderRadius: 50 }} source={{ uri: 'https://www.theladders.com/wp-content/uploads/Lion_030818-800x450.jpg' }} &gt;&lt;/Image&gt;
                &lt;/View&gt;
              )}
            &lt;/View&gt;
          &lt;/View&gt;
        &lt;/ScrollView&gt;
      )
    };
  }
  
  const styles = StyleSheet.create({
    border: {
      borderColor: 'red',
      borderStyle: 'solid',
      borderWidth: 2,
    },
    border2: {
      borderColor: 'green',
      borderStyle: 'solid',
      borderWidth: 5,
    },
    text: {
      fontSize: 22,
    },
    image: {
      overflow: 'hidden',
      ...Platform.select({
        android: {
          borderRadius: 25
        }
      }),
      height: 50,
      margin: 20,
      width: 50,
    },
  });
  export default App;
  </code></pre>
  <p>I hope I gave enough information and I appreciate any help, thank you :)</p>