反應原生動態ListView主細節

Question

任何人都可以通過提供一行列表視圖的例子，在印刷機上傳遞一個通過包含行的名稱導航到另一個組件的道具？我似乎無法找到關於此的任何信息，我發現的例子和答案有很多不同的語法，它使我無法知道什麼時候我應該綁定一個函數來簡單this.state的東西。

Answer 1

你基本上會設置你的導航功能，從您的ListView接受數據作爲參數renderRow方法：

_navigate(title) { 
    this.props.navigator.push({ 
    name: 'Page2', 
    passProps: { 
     title 
    } 
    }) 
} 

，然後在renderRow方法附加此功能，像這樣：

renderRow (rowData) { 
    return <TouchableOpacity 
      style={{height: 60, backgroundColor: 'red'}} 
      onPress={() => this._navigate(rowData.title)}> 
      <Text>{rowData.title}</Text> 
     </TouchableOpacity> 
} 

我在RNPlay here上設置了一個工作示例。

https://rnplay.org/apps/-tbxbQ