android - NativeScript 模式在 ios 上全屏显示

Question

我尝试在我的 NativeScript 项目上添加模态，它在 Android 上按预期工作，但在 ios 上它需要屏幕的完整高度和宽度，它应该部分显示。

我创建了一个单独的 Angular 组件来打开它，我使用下面的代码。

它在 Android 上运行良好，但在 ios 上它以全屏方式打开模式。

public showModal(fullscreen: boolean, animated = true, stretched = false) {
    const options: ModalDialogOptions = {
        context: { promptMsg: "This is the prompt message!" },
        fullscreen,
        animated,
        stretched,
        viewContainerRef: this.vcRef,
    };

    this.modal.showModal(ModalContent, options).then((res: string) => {
        this.result = res || "empty result";
    });

模式应该在 ios 上像 Android 一样部分打开。有什么解决方法吗，请帮忙。

Answer 1

我认为 iPhone 不支持弹出式模式，只有 iPad 支持。解决方法是使用全屏模式，使背景透明并将您的内容放在中间。

如果您熟悉原生 API，我想这可以通过限制模态框的大小来实现。