Question

我有以下疑问，我有一个模态ModalController，当我在iphone上运行时，输入转换来自低位以覆盖tola屏幕，所以它是＃s}从头到尾。

使用此库，我可以更改此转换吗？我需要从屏幕中间出现过渡，这应该以同样的方式发生在Android，iphone和Windows手机上

我试图这样做：

openModal() {
 let options: NativeTransitionOptions = {
  direction: 'down',
  duration: 500,
  slowdownfactor: 3,
  slidePixels: 20,
  iosdelay: 100,
  androiddelay: 150,
  fixedPixelsTop: 0,
  fixedPixelsBottom: 60
};

this.nativePageTransitions.slide(options);
  let myModal = this.modalCtrl.create(SlideAccessibility, null);
  myModal.present();
}

我通过文档意识到我有如何传递调用选项，也许在她身上我可以做到我需要的效果，但是因为文档很差我没找到任何东西。

Answer 1

我通过检查代码解决了问题，直到找到可能的转换。所以我发现了options中可以传递的内容，最终代码如下所示：

OpenModal () {
 Let options: ModalOptions = {
  ShowBackdrop: false,
  EnterAnimation: 'modal-md-slide-in',
  LeaveAnimation: 'modal-md-slide-out',
};

This.nativePageTransitions.slide (options);
  Let myModal = this.modalCtrl.create (SlideAccessibility, null, options);
  MyModal.present ();
}

为了保持小费，这个类就是这个，这些是可以作为参数传递的选项：

Export interface ModalOptions {
  ShowBackdrop ?: boolean;
  EnableBackdropDismiss ?: boolean;
  EnterAnimation ?: string;
  LeaveAnimation ?: string;
  CssClass ?: string;
}

这些是已预先配置的4种可能的转换：

Modal-slide-in [Refers to the ios effect, down-up]
Modal-slide-out [Refers to ios effect, exit up]
Modal-md-slide-in [Refers to the effect of android, half-up]
Modal-md-slide-out [Refers to the android effect, top to middle]

模态过渡效应

1 个答案: