React 本机动态列表视图母版详细信息

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上的工作示例。

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