React Native Dynamic ListView Master Detail

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