在ListView中未更新模态可见性

Posted 2021-04-16

我有一堆产品，我通过ListView组件渲染。某些产品需要更多配置，即尺寸，因此当用户点击添加到购物车按钮时，我打算在模式中显示尺寸选择。

<ListView
dataSource={this.state.dataSource}
renderRow={rowData => (
    <View>
          ...
          <Modal
               transparent={false}
               visible={this.state.visibleModal}
               onRequestClose={() => { this.setState({visible: false})}
          >
              ....
          </Modal>

    </View>

答案

您正在设置状态变量visible，但使用状态变量visibleModal来设置可见性

<Modal
  transparent={ false }
  visible={ this.state.visibleModal }
  onRequestClose={ () => { this.setState({ visibleModal: false }) }
>
...
</Modal>