我正在使用NativeBase中的Popover组件来创建我的popover：

const SettingsButton: React.FC<Props> = () => {
    return (
        <Popover
            trigger={(triggerProps) => {
                return (
                    <Button {...triggerProps} variant={'ghost'}>
                        <HamburgerIcon size="xl" color="lightText" />
                    </Button>
                );
            }}
        >
            <SettingsPopover />
        </Popover>
    );
};

(Full应用程序为here，弹出框为here）
我希望弹出框后面的页面是可滚动的，类似于你可以滚动Github页面时，你的设置/配置文件弹出框在右边打开。
目前为止我能想到的最好的办法就是

onOpen={() => {
    document.body.style.overflow = 'scroll';
}}
onClose={() => {
    document.body.style.overflow = 'hidden';
}}

在我的Popover-Component中，但它增加了第二个滚动条，并在滚动时直接关闭Popover（在移动的版的应用程序中，它不会改变任何东西），这是一个有点糟糕的解决方案，我认为一定有一个更好的方法。