https://github.com/opensource-direct/react-native-navigation
Navigation Implementation in React Native move to another Screen in App
https://github.com/opensource-direct/react-native-navigation
mobile-development npm react-native react-navigation
Last synced: 2 months ago
JSON representation
Navigation Implementation in React Native move to another Screen in App
- Host: GitHub
- URL: https://github.com/opensource-direct/react-native-navigation
- Owner: opensource-direct
- Created: 2023-03-28T08:21:47.000Z (about 3 years ago)
- Default Branch: master
- Last Pushed: 2023-03-28T09:01:07.000Z (about 3 years ago)
- Last Synced: 2025-10-20T02:53:43.139Z (8 months ago)
- Topics: mobile-development, npm, react-native, react-navigation
- Language: Java
- Homepage:
- Size: 304 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# ReactNativeNavigation
Navigation Implementation in React Native move to another Screen in App, Preferensi Belajar React Native Navigation here : https://www.youtube.com/watch?v=sDJq57nEuBk&list=PLXwOLdizIwSQ0Bd4Jf8HhSbRqmXPE0uAH
## A. Create Project React Native
## B. Install Plugin for React Native Navigation
Pastekan App.js
```js
// In App.js in a new project
import * as React from 'react';
import { View, Text } from 'react-native';
import { NavigationContainer } from '@react-navigation/native';
import { createNativeStackNavigator } from '@react-navigation/native-stack';
function HomeScreen() {
return (
Home Screen
);
}
const Stack = createNativeStackNavigator();
function App() {
return (
);
}
export default App;
```
Ketika di running kemudian muncul seperti berikut
Installkan kembali beberapa paket berikut
Stop, dan Running ulang dengan menjalankan `yarn start` kemudian `yarn android`, dan berikut hasil running kembalinya
