기본 반응, 정의되지 않은 인덱스에 대해 정의된 경로가 없음

기본 반응, 정의되지 않은 인덱스에 대해 정의된 경로가 없음

내 주문 탭인 두 개의 탭이 있는 주문 페이지를 만들고 싶다.그래서 나는 하나를 만들었다.Order.js서류철과 서류철OrderContent.js파일

Order.js

/* @flow */
import React from 'react'

import {
  View,
  StatusBar,
} from 'react-native'

import SplashScreen from 'react-native-splash-screen'

import HomeHeader from '../Components/HomeHeader'
import OrderContent from './OrderContent'


export default class OrdersScreen extends React.Component {
  static navigationOptions = {
    drawer: () => ({
      label: 'Orders',
    }),
  }
  static propTypes = {
    navigation: React.PropTypes.object.isRequired,
  }

  componentDidMount() {
    SplashScreen.hide()
  }
  render() {
    return (
      <View style={{flex: 1, backgroundColor: '#fff'}}>
        <StatusBar
          barStyle="light-content"
          backgroundColor={'#202930'} />
        <HomeHeader
          title="Order Page"
          navigation={this.props.navigation} />
        <OrderContent navigation={this.props.navigation}
           />
      </View>
    )
  }
}

Ordercontent.js

const CustomTabView = ({router, navigation}) => {
  const { routes, index } = navigation.state
  const ActiveScreen = router.getComponentForState(navigation.state)

  return (
    <View style={styles.container}>
      <CustomTabBar navigation={navigation} />
      <ActiveScreen
        navigation={addNavigationHelpers({
          ...navigation,
          state: routes[index],
        })}/>
    </View>
  )
}
CustomTabView.propTypes = {
  router: React.PropTypes.object.isRequired,
  navigation: React.PropTypes.object.isRequired,
  // team: React.PropTypes.func.isRequired,
}

const CustomTabRouter = TabRouter({
    PlaceOrder: {
      screen: PlaceOrderScreen,
      path: '/place-order',
    },
    MyOrders: {
      screen: MyOrderScreen,
      path: '/my-orders',
    },
  },
  {
    // Change this to start on a different tab
    initialRouteName: 'PlaceOrder',
  }
)

const OrderContent = createNavigationContainer(createNavigator(CustomTabRouter)(CustomTabView))

export default OrderContent

내가 앱을 실행하려고 했을 때, 그것은 마치

정의되지 않은 인덱스에 대해 정의된 경로가 없음.유효한 탭 인덱스로 탐색 상태에서 통과했는지 확인하십시오.

나는 그 문제가 에 존재한다는 것을 안다.<OrderContent navigation={this.props.navigation} />헤어지지만 어떻게 극복해야 할지 모른다.

기본적으로 native react는 index.js라는 페이지로 이동한다. 이 이름으로 파일을 만들었는가? 이 파일에는 이와 같은 것이 포함되어야 한다.

<code>

import {AppRegistry} from 'react-native';
import App from './App';
import {name as appName} from './app.json';

AppRegistry.registerComponent(appName, () => App);
</code>

App 대신 Order 또는 OrderContent를 배치하십시오. 기본적으로 "landing tab"을 이렇게 선택하십시오.

참조URL: https://stackoverflow.com/questions/44252630/react-native-there-is-no-route-defined-for-index-undefined