创建没有轮廓空白的 NativeScript 模态视图？

Question

我有一个 Angular NativeScript 项目，我正在尝试创建一个不覆盖全屏且具有半透明背景的模态视图。我想要实现的目标在 iPad 上正常工作，但在 iPhone 上出现白色轮廓并且在单击模态视图时页面缩小。我想在 iPhone 上复制 iPad 的功能。

附上 iPad 和 iPhone

的照片

Answer 1

您可以将默认呈现样式覆盖为 OverFullScreen，这样可以防止收缩动画。

const options: ModalDialogOptions = {
  viewContainerRef: this.viewContainerRef,
  fullscreen: false,
  ios: {
    presentationStyle: UIModalPresentationStyle.OverFullScreen
  },
  context: {}
};
this.modalService.showModal(ModalComponent, options);

如果您还没有安装 tns-platform-declarations，您可能需要声明 UIModalPresentationStyle 以避免 TS 错误

declare var UIModalPresentationStyle;

创建没有轮廓空白的 NativeScript 模态视图？

Create NativeScript Modal View without outlined whitespace?

nativescript

angular2-nativescript

nativescript-angular