如何反應本機listView獲得編號顯示？

Question

我想顯示下面的東西包括編號（將來自API）使用的ListView但API還沒有編號：

1. 約翰
2. 彼得
3. 瑪麗
4. 月
5. 查理

---

constructor(props) { 
    super(props); 
    var ds = new ListView.DataSource({rowHasChanged: (r1, r2) => r1 !== r2}); 
    this.state = { 
     dataSource: ds.cloneWithRows([ 
     {name: "John"}, 
     {name: "Peter"}, 
     {name: "Mary"}, 
     {name: "May"}, 
     {name: "Charlie"} 
     ]) 
    }; } 

render() { 
    return (
     <View> 
      <ListView 
      dataSource={this.state.dataSource} 
      renderRow={(rowData, sectionID, rowID) => <Text>{rowData.name}</Text>} 
      /> 
     </View> ); } 

---

我只能顯示沒有編號的項目。誰能幫我？謝謝！

Answer 1

可以使用ROWID從那裏獲得該項目的當前索引和增量：

renderRow (rowData, sectionID, rowID) { 
    rowID++ 
    return <Text>{rowID}. {rowData.name}</Text> 
} 

我已經成立了一個工作示例here。

https://rnplay.org/apps/hxlAqw