{"id":24990630,"url":"https://github.com/jorneycr/reactnavigation-mobile","last_synced_at":"2026-04-30T10:39:22.739Z","repository":{"id":212726060,"uuid":"732161463","full_name":"jorneycr/ReactNavigation-Mobile","owner":"jorneycr","description":"Small set up of Navigation React Native, in the readme you will find all the necessary steps to accomplish it","archived":false,"fork":false,"pushed_at":"2023-12-15T22:53:46.000Z","size":264,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-02-04T13:41:37.639Z","etag":null,"topics":["javascript","navigation","react-native"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/jorneycr.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-12-15T19:56:12.000Z","updated_at":"2024-12-17T16:31:05.000Z","dependencies_parsed_at":null,"dependency_job_id":"51229f03-dbf1-455f-aad0-17aaa937562a","html_url":"https://github.com/jorneycr/ReactNavigation-Mobile","commit_stats":null,"previous_names":["jorneycr/reactnavigation-mobile"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jorneycr%2FReactNavigation-Mobile","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jorneycr%2FReactNavigation-Mobile/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jorneycr%2FReactNavigation-Mobile/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jorneycr%2FReactNavigation-Mobile/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/jorneycr","download_url":"https://codeload.github.com/jorneycr/ReactNavigation-Mobile/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246187210,"owners_count":20737459,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["javascript","navigation","react-native"],"created_at":"2025-02-04T13:37:54.079Z","updated_at":"2026-04-30T10:39:17.701Z","avatar_url":"https://github.com/jorneycr.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"This is a new [**React Native**](https://reactnative.dev) project, bootstrapped using [`@react-native-community/cli`](https://github.com/react-native-community/cli).\n\n# Getting Started\n\n\u003e **Note**: Make sure you have completed the [React Native - Environment Setup](https://reactnative.dev/docs/environment-setup) instructions till \"Creating a new application\" step, before proceeding.\n\n## Step 1: Start the Metro Server\n\nFirst, you will need to start **Metro**, the JavaScript _bundler_ that ships _with_ React Native.\n\nTo start Metro, run the following command from the _root_ of your React Native project:\n\n```bash\nnpx react-native@latest init crudnative\n```\n\n````bash\n# using npm\nnpm start\n\n## Step 2: Start your Application\n\nLet Metro Bundler run in its _own_ terminal. Open a _new_ terminal from the _root_ of your React Native project. Run the following command to start your _Android_ or _iOS_ app:\n\n### For Android\n\n```bash\n# using npm\nnpm run android\n\n# OR using Yarn\nyarn android\n````\n\n## React navigator\n\n### Dependecies\n\n```bash\n\n# You must install all of them to make it works\nnpm i @react-navigation/native\n\nnpm install react-native-screens react-native-safe-area-context\n\nnpm install @react-navigation/native-stack\n\n\n# Then Rebuild your app\nnpx react-native run-android\n\n```\n\n### Configuration for android\n\n```bash\n\n# In android\\app\\src\\main\\java\\com\\reactnatigation\\MainActivity.kt\n\nimport android.os.Bundle;\n\n\n# inside of the MainActivity: ReactActivity() { .... }, add at the end the next code\n\noverride fun onCreate(savedInstanceState: Bundle?) {\n    super.onCreate(null)\n}\n\n```\n\n### Set React navigator\n\n```bash\n# In App.jsx\n\nimport React from 'react';\nimport {NavigationContainer} from '@react-navigation/native';\nimport {createNativeStackNavigator} from '@react-navigation/native-stack';\n\nimport Home from './src/views/Home';\nimport About from './src/views/About';\n\nconst Stack = createNativeStackNavigator();\n\nfunction App() {\n  return (\n    \u003cNavigationContainer\u003e\n      \u003cStack.Navigator initialRouteName=\"Home\"\u003e\n        \u003cStack.Screen name=\"Home\" component={Home} /\u003e\n        \u003cStack.Screen name=\"About\" component={About} /\u003e\n      \u003c/Stack.Navigator\u003e\n    \u003c/NavigationContainer\u003e\n  );\n}\n\nexport default App;\n\n\n```\n\n### Oficial Documentation\n\n`https://reactnavigation.org/docs/hello-react-navigation`\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjorneycr%2Freactnavigation-mobile","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjorneycr%2Freactnavigation-mobile","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjorneycr%2Freactnavigation-mobile/lists"}