javascript - ExNavigation 抛出错误，指出初始路由未定义

Question

嗨，我是 Expo 新手，但我一直很难尝试运行我的代码。我遇到了错误:您必须指定initialRoute或initialStack来初始化此StackNavigation即使我已经设置了它。

这是我的main.js

import Expo from 'expo'
import React from 'react'
import { createStore } from 'redux'
import { Provider } from 'react-redux'
import {
  NavigationProvider,
  StackNavigation,
} from '@expo/ex-navigation'
import RootReducer from './src/reducers'
import Router from './src/navigation/Router'

const store = createStore(RootReducer)

const App = () => (
  <Provider store={store}>
    <NavigationProvider router={Router}>
      <StackNavigation intitialRoute={Router.getRoute('splash')} />
    </NavigationProvider>
  </Provider>
)

Expo.registerRootComponent(App)

这是我的Router.js

import { createRouter } from '@expo/ex-navigation'

// Screens
import SplashScreen from '../screens/SplashScreen'
import LoginScreen from '../screens/LoginScreen'

const Router = createRouter(() => ({
  splash: () => SplashScreen,
  login: () => LoginScreen,
}))

export default Router

我的设置似乎存在什么问题？我只是按照 ExNavigation 上的示例进行操作。

这是我在 Sketch 上的示例但无法使其运行，但会留下完整代码的链接。

Answer 1

这部分代码中的 Prop 名称有拼写错误

<StackNavigation intitialRoute={Router.getRoute('splash')} />

它是initialRoute，而不是initialRoute。