创建没有轮廓空白的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;