ios - 使用 ListView 项单击 react native 模态

Question

我想在单击列表项时以模态方式弹出 View 。如果我不滚动 ListView ，我一直在使用这段代码，它工作正常，如果我滚动，它根本不起作用。

renderGymData(rowData){
return(
 <View>
         <Modal
             animationType={'none'}
             transparent={false}
             visible={!!this.state.selectedRow}>
             ....
         </Modal>

       <TouchableHighlight  onPress={() => this.showGymDetail(rowData)} >
         ....
       </TouchableHighlight>
      </View>);
}
and the render method of my list view is

render() {

    return (
      <ListView
        dataSource={this.state.dataSource}
        renderRow={this.renderGymData.bind(this)}
        style={styles.listView}>
      </ListView>
    );

我不想使用 navigator.push，因为我希望 View 以模态方式显示。

Answer 1

仅使用模态框，并将其呈现在 ListView 下方，而不是在 renderRow 内，并在单击列表项时将行数据传递给模态框。

render() {
  return (
    <View>
      <ListView
        dataSource={this.state.dataSource}
        renderRow={this.renderGymData.bind(this)}
        style={styles.listView}>
      </ListView>
      <Modal
           animationType={'none'}
           transparent={false}
           visible={!!this.state.selectedRow}>
           ....
       </Modal>
    </View>
  );
}