2017-07-08 8 views
0

私のReact Native(iOS)アプリケーションで、React NavigationのStackNavigatorのシーンに異なるトランジションを適用したいと思います。React Navigation:シーンに別々のトランジションを適用する

export const AppNavigator = StackNavigator({ 
    Home: { screen: Home }, 
    NewChild: { screen: NewChild }, 
    Journal: { screen: Journal } 
}); 

モーダルのように、NewChildを下から上にロードしたいことがあります。または、右から左にスライドさせたいかもしれません。これをカスタマイズすることができれば素晴らしいだろう。ドキュメントからは、StackNavigationをカードまたはモーダルのいずれかに設定することしかできないようです。

+0

カスタムトランジスターを使用して任意のトランジションを行うことができます。それがどのように行われたかについてのいくつかの良い記事があります。私はそれらをリンクしようとします。 – Kraylog

+0

この問題は、ナビゲータの各画面で異なる構成を実現するために使用できるハックも定義しています。 https://github.com/react-community/react-navigation/issues/707 – Kraylog

+0

素晴らしい、リンクありがとう! –

答えて

0

あなたがすでにドキュメントで見たように、今は不可能です。この機能を要求するthis issuethis issueを追跡できます。それはroadmap for v2上だが、V1がさえまだリリースされていないため、あなたの最善の策は、どちらかにおそらくある:

  1. 何とか画面ごとにこれを処理する独自のtransitionConfigを実装します。これが可能かどうかは分かりません。
  2. フォークは、main issueのアイデアを使って実装します。または、フォークをコードに固有のものにして、問題が解決するまでそれを維持します。
+0

入手しました。返信マイケルありがとう。 –

関連する問題