title: React native , text getting cut off when i style image
body: <p>Below is my code which shows image and text inside a view, text gets cut off as i style image </p>
  
  <pre><code>   &lt;/ScrollView&gt;
          &lt;View style={{ flex: 1 }}&gt;
        &lt;Image
          source={require("../../assets/bannerImages/1.jpg")}
          resizeMode={"center"}
          style={{ height: "30%", width: "100%" }}
        /&gt;
        &lt;Text style={{ flex: 1 }}&gt;
          1Aawaz is a one step solution for all. Not only popular instruments
          2like Guitar, Keyboard, Drums but also we provide training for rare
          3Aawaz is a one step solution for all. Not only popular instruments
          4like Guitar, Keyboard, Drums but also we provide training for rare
          5Aawaz is a one step solution for all. Not only popular instruments
          like Guitar, Keyboard, Drums but also we provide training for rare
          Aawaz is a one step solution for all. Not only popular instruments
          like Guitar, Keyboard, Drums but also we provide training for rare
          like Guitar, Keyboard, Drums but also we provide training for rare
          Aawaz is a one step solution for all. Not only popular instruments
          like Guitar, Keyboard, Drums but also we pr like Guitar, Keyboard,
          9Drums but also we provide training for rare Aawaz is a one step
          10solution for all. Not only popular instruments like Guitar,
          Keyboard, 13Drums but also we pr Ads
        &lt;/Text&gt;
      &lt;/View&gt;
    &lt;/ScrollView&gt;
  </code></pre>
  
  <p>What i want is to display text below image and also be able to give width and height to image. Before styling image, everything works fine and text is not clipped.</p>