title: How to set status bar for a section on scroll view page
body: <p>On my home page there are 3 sections. 
  1st image section
  2nd content
  3rd content</p>
  
  <p>when I scroll page after image section, there should be status bar for 2nd and 3rd sections.</p>
  
  <p>how do i visible the status bar when I scroll the page?</p>
  
  <pre><code>
  class HomeScreen extends Component {
    constructor(props) {
      super(props);
      this.state = {
      };
    }
  
  render() {
      return(
            &lt;View&gt;
               &lt;KeyboardAwareScrollView&gt;
                 &lt;View&gt;
                   &lt;Image/&gt;
                 &lt;/View&gt;
                 &lt;View&gt;
                    &lt;Text/&gt;
                 &lt;/View&gt;
                 &lt;View&gt;
                     &lt;Text/&gt;
                 &lt;/View&gt;
               &lt;/KeyboardAwareScrollView&gt;
            &lt;/View&gt;
  )}
  </code></pre>
  
  <p>Should be visible status bar after scrolling image section</p>