React native react native在创建splashscreen时显示意外标记

我在React Native中得到了意想不到的令牌，为什么要尝试实现一个简单的启动屏幕呢。 我的代码看起来有点像这样

import {
  createAppContainer,
  createSwitchNavigator
} from 'react-navigation';
import SplashScreen from './components/Splashscreen';
import Login from './components/Login'

const HomeNavigator = createSwitchNavigator({
  Splash: Splashscreen,
  Home: Login,
});

const AppNavigator = createSwitchNavigator(
  {
    Splash: 
    {
      screen: Splashscreen
    },
    Home: 
    {
      screen: Login
    },
    {
      initialRouteName:'Splash'
    }
  }
);

export default createAppContainer(AppNavigator);

在第23/34行，这就是错误所在。我对这一点还不太熟悉，我会做错什么呢

第23/24行有类似的内容

  21 |       screen: Login
  22 |     },
> 23 |     {
     |     ^
  24 |       initialRouteName:'Splash'
  25 |     }
  26 |   }

---

您定义的

导航选项

错误，您将它们放在了

路线图

中。将

初始路由名称

移出

路由图

：

const AppNavigator = createSwitchNavigator({
    Splash: 
    {
      screen: Splashscreen
    },
    Home: 
    {
      screen: Login
    }
  },
  {
     initialRouteName:'Splash'
  }
);

---

单独定义路由，因为

createSwitchNavigator

将使用两个参数。 您的路线和导航选项

比如：

createSwitchNavigator（，）

import {
  createAppContainer,
  createSwitchNavigator
 } from 'react-navigation';
 import SplashScreen from './components/Splashscreen';
 import Login from './components/Login'

 const HomeNavigator = createSwitchNavigator({
  Splash: Splashscreen,
  Home: Login,
 });   
 const RouteConfigs = {
  SplashScreen: {
  screen: Splashscreen
 },
 Home: {
  screen: Login
 }
};

const AppNavigator = createSwitchNavigator(
 RouteConfigs,
 {
  initialRouteName: "SplashScreen"
 }
);