Hi,
How do I break out my code to a new page. This is my failed effort;
// App.js
import * as React from ‘react’;
import { View, Text } from ‘react-native’;
import { NavigationContainer } from ‘@react-navigation/native’;
import { createStackNavigator } from ‘@react-navigation/stack’;
import Home from ‘./app/home’;
import Welcome from ‘./app/welcome’;
const Stack = createStackNavigator();
function App() {
return (
<Stack.Navigator>
<Stack.Screen name=“Home” component={Home} />
<Stack.Screen name=“Welcome” component={Welcome} />
</Stack.Navigator>
);
}
export default App;
// ./home/index.js
import * as React from ‘react’;
function Home({ route, navigation }) {
const { myName } = route.params;
return (
<Container style={{ flex: 1, alignItems: ‘center’, justifyContent: ‘center’ }}>
Welcome {myName}
);
}
export default Home;