Реакция Нативная функция рендеринга вызывает ошибку

Question

Вот моя функция рендеринга native. если я ставлю listview, это сработает. если я ставлю touchablehighlight, это сработает. но, если он поместит оба, это не сработает. нужна помощь.

render: function() { 
    return (
     /* ListView wraps ScrollView and so takes on its properties. 
     With that in mind you can use the ScrollView's contentContainerStyle prop to style the items.*/ 
     <ListView 
      contentContainerStyle={styles.list} 
      dataSource={this.state.dataSource} 
      renderRow={this._renderRow}/> 
     <TouchableHighlight onPress={() => this._pressRow(rowID)} underlayColor="transparent"> 
     </TouchableHighlight> 
    ); 
}, 

Что здесь не так? необходимо, чтобы оба компонента работали.

Answer 1

У вас нет двух тегов, которые вы можете вернуть. Вы должны обернуть его в тег <View> </View>. Таким образом, вы можете абстрагировать несколько компонентов, которые вам нужны на странице.

render: function() { 
    return (
     /* ListView wraps ScrollView and so takes on its properties. 
     With that in mind you can use the ScrollView's contentContainerStyle prop to style the items.*/ 
     <View> 
     <ListView 
      contentContainerStyle={styles.list} 
      dataSource={this.state.dataSource} 
      renderRow={this._renderRow}/> 
     <TouchableHighlight onPress={() => this._pressRow(rowID)} underlayColor="transparent"> 
     </TouchableHighlight> 
     </View> 
    ); 
}, 

Надеюсь, это поможет.