如何使用 React 导航从 Redux 表单导航到另一个屏幕？

Question

基本上我希望在 props.handleSubmit 函数中，您可以导航到另一个屏幕。

这是我的code：

import React, { Component } from "react";
import { createStackNavigator, createAppContainer } from 'react-navigation';
import { Provider } from 'react-redux';

import Store from './Store/Store'
import ScreenSignUp from './Navigation/ScreenSignUp';
import ScreenSignIn from './Navigation/ScreenSignIn';
import ScreenHome from "./Navigation/ScreenHome";

class App extends Component {
  render() {
    return (
      <Provider store={Store}>
        <AppContainer />
      </Provider>
    );
  }
}
export default App;

const RootStack = createStackNavigator(
  {
    Home: ScreenHome,
    SignUp: ScreenSignUp,
    SignIn: ScreenSignIn,
  },
  {
    initialRouteName: 'SignIn',
    defaultNavigationOptions: {
      header: null,
    },
  },
);

const AppContainer = createAppContainer(RootStack);

Answer 1

你可以这样做

 export default reduxForm({ 
 form: 'SignInForm',
 onSubmitSuccess : (result, dispatch, props) => {
     props.navigation.navigate('Register');
  },   
  onSubmitFail : () => {
  Toast.show({
    text: "Enter Passport Number",
    duration: 2500,
    position: "top",
    textStyle: { textAlign: "center" }
  });   
  }
  validate,
  })(SignInForm);