Question

我在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 |   }

Answer 1

您定义的navigationOptions错误，是将它们放入routeConfigs中。将initialRouteName从routeConfigs中移出：

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

Answer 2

分别定义您的路线，因为您的createSwitchNavigator需要两个参数。您的路线和导航选项。

赞：createSwitchNavigator(<routes: arg1>, <navigationOptions:arg2>)

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"
 }
);

react-native在创建启动画面时显示意外的令牌

2 个答案: