title: Creating horizontal scrollview with dynamic data from API
body: <p>I have a horizontal scroll view with multiple views inside it, the data inside views are retrieved from an API call so i don't know how many views I'm going to have inside the scroll view, is there a better way to implement this? and how can i can convert this to a flatlist if possible? </p>
  
  <pre><code>state = { data: [] };
  
  async componentDidMount(){
        axios.get('http://reduxblog.herokuapp.com/api/posts')
         .then((response) =&gt;  { this.setState({ data: response.data})});
      }
  
  &lt;ScrollView horizontal={true} style={{width: '100%'}}&gt;
    &lt;View&gt;
      &lt;Text&gt;
        {this.state.data.title}
      &lt;/Text&gt;
    &lt;/View&gt;
  &lt;/ScrollView&gt;
  </code></pre>