Native Page Transitions
The Native Page Transitions plugin uses native hardware acceleration to animate your transitions between views. You have complete control over the type of transition, the duration, and direction.
Cordovaの問題で困っていますか？
本格的なプロジェクトを構築している場合、トラブルシューティングに時間を費やす余裕はありません。Ionicのエキスパートが、保守、サポート、統合に関する公式サポートを提供しています。
インストール
Ionic Native Enterprise はIonic Teamが完全にサポートしメンテナンスしているプラグインを利用できます。 詳しくみる か、 エンタープライズプラグインに興味があれば 連絡ください
サポートしているプラットフォーム
- Android
- iOS
- Windows Phone 8
利用方法
React
Angular
import { NativePageTransitions, NativeTransitionOptions } from '@ionic-native/native-page-transitions/ngx';
constructor(private nativePageTransitions: NativePageTransitions) { }
...
// example of adding a transition when a page/modal closes
ionViewWillLeave() {
let options: NativeTransitionOptions = {
direction: 'up',
duration: 500,
slowdownfactor: 3,
slidePixels: 20,
iosdelay: 100,
androiddelay: 150,
fixedPixelsTop: 0,
fixedPixelsBottom: 60
}
this.nativePageTransitions.slide(options)
.then(onSuccess)
.catch(onError);
}
// example of adding a transition when pushing a new page
openPage(page: any) {
this.nativePageTransitions.slide(options);
this.navCtrl.push(page);
}