title: JSX expressions must have one parent element.ts(2657) react native
body: <p>I am new to react native and have tried everything and keep getting the following error</p>
  
  <blockquote>
    <p>JSX expressions must have one parent element.ts(2657)</p>
  </blockquote>
  
  <p>I am trying to display information from json in a flatlist.</p>
  
  <p>Here is my code.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>render() {
    if (this.state.isLoading) {
      return (
        &lt;View style={{flex: 1, paddingTop: 20}}&gt;
          &lt;ActivityIndicator /&gt;
        &lt;/View&gt;
      );
    }
    return (
      &lt;View&gt;
        &lt;View style={{backgroundColor: '#808080'}}&gt;
         
              &lt;Text style={styles.MainText}&gt;Sermons&lt;/Text&gt;
         
         &lt;/View&gt;
        &lt;FlatList style={{paddingTop: 30}}
          data={ DATA }
          ItemSeparatorComponent = {this.FlatListItemSeparator}
          renderItem={this._renderItem} /&gt;   
      &lt;/View&gt;
    );
  }
  _renderItem = ({item}) =&gt; {
  
    return(
      &lt;View style={{flex:1, flexDirection: 'row', paddingLeft: 10}}&gt;
         &lt;Image source={require('./church.png')} style={{width: '100%', height: '25%'}} /&gt;
          &lt;/View&gt;
          &lt;View style={{flex: 1, paddingLeft: 20}}&gt;
            &lt;Text&gt;{item.title}&lt;/Text&gt;
        &lt;/View&gt;
  
    );
  }
  }</code></pre>
  </div>
  </div>
  </p>
  
  <p>line 33 ); seems to be causing the problem but I don't know why.</p>