react-native：反応ナビゲーションが単純な遷移作業を取得できない

反応ナビゲーションからStackNavigatorを使用しています。私は単純なカードのスライドアニメーションを自分のコンポーネントで発生させたい。現在の遷移は、2番目の画面が下から上にスライドする遷移です。私は、最初の場所でデフォルトになっているはずの標準のスライド効果が必要です。react-native：反応ナビゲーションが単純な遷移作業を取得できない

StackNavigatorは、次のように作成されます。

const Stack = StackNavigator(
    { 
    Phone: { 
     screen: Phone, 
    }, 
    Code: { 
     screen: Code 
    } 
    }, 
{ 
    mode: 'card', 
    headerMode: 'none', 
    cardStyle: { 
    backgroundColor: "transperent" 
    } 
});

をそして、これは私が部品に使用されるnavigationOptionsです：

static navigationOptions = { 
header: { 
    visible: false, 
}

出典

2017-06-27 Gilbert Nwaiwu

あなたは、コード画面に携帯電話の画面から移行するために 'navigate'機能を呼び出している方法を含めて質問を更新することはできますか？ –

onPress = {（）=> this.props.navigation.navigate（ 'Code'）} –

iOSまたはAndroidでテストしていますか？ iOSでは、標準は右側にスライドすることです。私はちょうどあなたのコードをテストし、それは私のiPhoneの右側からスライドします。私の推測では、デフォルトの動作が異なるAndroidでテストしているということです。 –

私はあなたのコードの博覧会アプリで少し軽食を、作成しました。 iOSで開発している場合は、右からスライドします。

https://snack.expo.io/HkKhDNJ4W

出典

2017-06-27 01:42:17

テストに感謝します。どのようにそれを変更するための任意のアイデア？私はモードを設定しようとしましたが、それは何もしませんでした –

私は意図されたスライド効果が何であるか完全にはわかりません。あなたは「標準的なスライド効果」がほしいと言ったが、私はそれが何を意味しているのか分からない。あなたはそれが右からスライドしたいと思っているのですか？ –

はい。私はすでに問題を発見した。私が引っ張った反応ナビゲーションのバージョンには、CardStackコンポーネントでtransitionConfigが定義されていませんでした。正直なところ、標準のナビゲータがすぐに削除されたのはなぜだろうか –

react-native：反応ナビゲーションが単純な遷移作業を取得できない

答えて

関連する問題