Я относительно новичок в 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 & 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 , где дело было перемещено и закрыто, и я не могу видеть комментарии или найти его .