{"id":21244206,"url":"https://github.com/aaronksaunders/hello-world-v3-stacknavigator-context-api","last_synced_at":"2026-04-30T08:32:32.307Z","repository":{"id":139352943,"uuid":"153221351","full_name":"aaronksaunders/hello-world-v3-stacknavigator-context-api","owner":"aaronksaunders","description":"Focus is on react-navigation StackNavigator handling click event to move to the next page when the user selects a item from a FlatList Component. We show the FlatList Component, the use of the StackNavigator but instead of passing parameters between pages, we use the Context API to update the state to show the current item on the detail page","archived":false,"fork":false,"pushed_at":"2018-10-18T15:12:36.000Z","size":1256,"stargazers_count":3,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-03-15T04:26:38.271Z","etag":null,"topics":["context-api","expo","flatlist","javascript","react","react-native","react-navigation","reactjs","stacknavigator"],"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/aaronksaunders.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":"2018-10-16T04:12:32.000Z","updated_at":"2020-05-17T09:49:10.000Z","dependencies_parsed_at":null,"dependency_job_id":"9fb43129-08a0-4b37-a30e-a5898479b2e3","html_url":"https://github.com/aaronksaunders/hello-world-v3-stacknavigator-context-api","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/aaronksaunders/hello-world-v3-stacknavigator-context-api","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aaronksaunders%2Fhello-world-v3-stacknavigator-context-api","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aaronksaunders%2Fhello-world-v3-stacknavigator-context-api/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aaronksaunders%2Fhello-world-v3-stacknavigator-context-api/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aaronksaunders%2Fhello-world-v3-stacknavigator-context-api/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/aaronksaunders","download_url":"https://codeload.github.com/aaronksaunders/hello-world-v3-stacknavigator-context-api/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aaronksaunders%2Fhello-world-v3-stacknavigator-context-api/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":278518904,"owners_count":26000177,"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","status":"online","status_checked_at":"2025-10-05T02:00:06.059Z","response_time":54,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":["context-api","expo","flatlist","javascript","react","react-native","react-navigation","reactjs","stacknavigator"],"created_at":"2024-11-21T01:18:57.086Z","updated_at":"2025-10-05T20:52:43.575Z","avatar_url":"https://github.com/aaronksaunders.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# React Native App w/StackNavigator \u0026 Context API\r\n\r\n\u003eFocus is on [react-navigation StackNavigator](https://reactnavigation.org/docs/en/hello-react-navigation.html#creating-a-stack-navigator) handling click event to move to the next page when the user selects a item from a \r\nFlatList Component. We show the [FlatList Component](https://facebook.github.io/react-native/docs/flatlist), the use of the StackNavigator but instead of passing parameters between pages,\r\nwe use the [Context API](https://reactjs.org/docs/context.html) to update the state to show the current item on the detail page\r\n\r\n---\r\n\u003e See the same application implemented with React Redux - [hello-world-v3-stacknavigator-redux](https://github.com/aaronksaunders/hello-world-v3-stacknavigator-redux)\r\n---\r\n\r\n![](https://raw.githubusercontent.com/aaronksaunders/hello-world-v3-stacknavigator-context-api/master/readme.images/Screen%20Shot%202018-10-16%20at%2011.30.48%20AM.png)\r\n\r\n### See Video for the first building out sample without Context API - React Native - React Navigation StackNavigator Expo.io Snack - PART 2 https://youtu.be/qe-yU7E9Snc via @YouTube\r\n\r\n### More Information on React\r\n- [React Native FlatList](https://facebook.github.io/react-native/docs/flatlist)\r\n- [React Context API](https://reactjs.org/docs/context.html)\r\n- [React Navigation](https://reactnavigation.org/)\r\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faaronksaunders%2Fhello-world-v3-stacknavigator-context-api","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Faaronksaunders%2Fhello-world-v3-stacknavigator-context-api","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faaronksaunders%2Fhello-world-v3-stacknavigator-context-api/lists"}