反应原生动态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