Реагируйте на собственный бросок TypeError: undefined не является объектом (Оценка Object.keys (routeConfigs) - PullRequest
0 голосов
/ 09 марта 2020

Я относительно новичок в React Native и имею некоторый опыт в ReactJS. Я следил за документами и учебными пособиями и не могу найти, где проблема находится в моем stackNavigator. Я использую expo для имитации приложения на моем телефоне.

Приложение. js

import "react-native-gesture-handler"
import React from 'react'
import { StyleSheet, Text, View } from 'react-native'
import Routes from "./Routes"

export default function App() {
  return (
    <Routes />
  )
}

Маршруты. js

import React from "react"
import {createStackNavigator} from "react-navigation-stack"
import {NavigationContainer} from "react-navigation"
import Home from "./screens/Home"
import createWorkout from "./screens/createWorkout"

const Stack = createStackNavigator()

export default function Routes(){
    return(
        <NavigationContainer>
            <Stack.Navigator initialRouteName="Home" screenOptions={{gestureEnabled:true}}>
                <Stack.Screen name="Home" component={Home} options={{title: 'Home Screen'}}/>
                <Stack.Screen name="Create Workout" component={createWorkout} options={{title: 'Create Workout'}}/>
            </Stack.Navigator>
        </NavigationContainer>
    )
}

Домой. js

import React from 'react'
import { StyleSheet, Text, View, Button } from 'react-native'

export default function Home(props) {
    const {navigation} = props
  return (
    <View style={styles.container}>
      <Text>Workout Creator &amp; Logger</Text>
      <Button title="Create Workout" onPress={() => navigation.navigate("createWorkout")} />
    </View>
  )
}

createWorkout. js

import React from 'react'
import { StyleSheet, Text, View } from 'react-native'

export default function createWorkout(props) {
  const {navigation} = props
  return (
    <View style={styles.container}>
      <Text>Create Workout</Text>
    </View>
  )
}

Я пропустил таблицы стилей, чтобы избежать создания фрагментов кода длиннее необходимого.

Мне кажется, что я ' я делаю все в соответствии с документами, и единственный поиск, который обнаружил мою точную проблему, был следующим: https://github.com/react-navigation/react-navigation/issues/7499#event -3068928498 , где дело было перемещено и закрыто, и я не могу видеть комментарии или найти его .

...