Как отобразить несколько пользовательских строк в виде списка - Reactnative

Question

Я использую ListView, чтобы показать список элементов.До сих пор я отображал такие же предметы, так что никаких проблем.Теперь я должен показать разные предметы.Как я могу отобразить различные виды строк, как для строки 2, отрисовать этот компонент, для строки 5 отрендерить этот компонент ...

По умолчанию для отображения 1 пользовательского представления для строки, я использую следующий код:

<ListView
                stickySectionHeadersEnabled={false}
                scrollEnabled={!this.state.shouldAnimate}
                style={styles.listView}
                enableEmptySections={true}
                dataSource={this.state.dataSource}
                renderSectionHeader = {this.renderSectionHeader}
                renderRow={(data) => <CellProgram data={data} onPress={this.GetSectionListItem.bind(this, data)} />}
            />

Будет отображаться CellProgram для всех строк.Что я должен изменить, чтобы отобразить его для определенных строк и разный макет для других строк?

Answer 1

вы можете написать оператор if или переключить его в соответствии с вашим кодом

<ListView
  stickySectionHeadersEnabled={false}
  scrollEnabled={!this.state.shouldAnimate}
  style={styles.listView}
  enableEmptySections={true}
  dataSource={this.state.dataSource}
  renderSectionHeader = {this.renderSectionHeader}
   renderRow={(data,i) => {
    if(i==1){}
    else if (i==2){}
    .......
   }}
/>

не забудьте добавить возврат внутрь оператора if