Popover组件,ios上点击遮罩层不能关闭气泡,安卓上测可以

antd里的Popover组件,ios上点击遮罩层不能关闭气泡,目前安卓上测试可以,为了兼容ios难道只有手写气泡组件吗...多麻烦啊



const Item = Popover.Item;

class More extends React.Component {
    constructor(props) {
        super(props);
        this.state = {
            visible: false,
            selected: '',
        };
    };

    onSelect = (opt) => {
        this.setState({
            visible: false,
            selected: opt.props.value,
        });
        if (opt.props.value == '') {
            ///
        } else if (opt.props.value == '') {
            ///
        }
    };

    handleVisibleChange = (visible) => {
        this.setState({
            visible,
        });
    };

    render() {
        let offsetX = -((document.querySelector('body').offsetWidth) * 0.125) + 9;
        return (
            <div>
                <Popover 
                    mask
                    overlayClassName="fortest"
                    overlayStyle={{ color: 'currentColor' }}
                    visible={this.state.visible}
                    className="c-more"
                    overlay={[
                        (<Item key="4" value="code" icon={<Icon type={require('./image/QrCode1.svg')} size="xs" />} data-seed="logId">
                            二维码
                        </Item>),
                        (<Item key="6" value="quit" icon={<Icon type={require('./image/PullOut1.svg')} size="xs" />}> 
                            <span style={{ marginRight: 5 }}>退出</span>
                        </Item>),
                    ]}
                    align={{
                        overflow: { adjustY: 100, adjustX: 0 },
                        offset: [offsetX, -180],
                    }}
                    onVisibleChange={this.handleVisibleChange}
                    onSelect={this.onSelect}
                >
                    <div className="c-more-button"
                        icon={<Icon type={require('./image/more1.svg')} size="md" />}
                    >
                    </div>
                </Popover>
            </div>
        );
    }
}
阅读 2.4k
1 个回答

代码看不出什么问题。
今天官网确实打不开,需要梯子才可以。
给你一个国内镜像:
antd
antd-mobile

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题