title: How to add text above the image?
body: <p>I use <code>react-native-swiper</code> and i want to add a text above my image.</p>
  
  <p>I try to set style <code>container</code>  <code>image</code> <code>paragraph</code>, it is still not working.</p>
  
  <p>What should i do about the style setting ?</p>
  
  <p>Any help would be appreciated. Thanks in advance.</p>
  
  <pre><code>import React, { Component } from 'react';
  import { View, Text, Image, Dimensions } from 'react-native';
  import Swiper from 'react-native-swiper';
  
  const dimensions = Dimensions.get('window').width;
  
  class About extends Component {
    render() {
      return (
        &lt;View style={{ flex: 1 }}&gt;
          &lt;Swiper
            style={styles.wrapper}
            height={200}
            paginationStyle={{bottom: 10}}
          &gt;
            &lt;View style={styles.container}&gt;
              &lt;Image style={styles.image} source={require('../img/home_service_bg1.jpg')} /&gt;
              &lt;Text style={styles.paragraph}&gt;How to let me show above the img.&lt;/Text&gt;
            &lt;/View&gt;
            &lt;View style={{ flex: 1 }}&gt;
              &lt;Image source={require('../img/home_service_bg2.jpg')} style={styles.img}/&gt;
            &lt;/View&gt;
          &lt;/Swiper&gt;
  
          &lt;View style={{ flex: 2 }}&gt;
            &lt;Text&gt;Hi&lt;/Text&gt;
          &lt;/View&gt;
        &lt;/View&gt;   
      );
    }
  }
  
  const styles = {
    wrapper: {
    },
    container: {
      flex: 1,
      alignItems: 'stretch',
      justifyContent: 'center',
    },
    image: {
      flexGrow:1,
      height:null,
      width:null,
      alignItems: 'center',
      justifyContent:'center',
    },
    paragraph: {
      textAlign: 'center',
    },
  };
  
  export default About;
  </code></pre>
  
  <p>Here is my situation now:
  <a href="https://i.stack.imgur.com/r2Its.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/r2Its.png" alt="enter image description here"></a></p>
  
  <p>I hope it becomes like this:
  <a href="https://i.stack.imgur.com/wR6ro.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/wR6ro.jpg" alt="enter image description here"></a></p>