{"id":19463729,"url":"https://github.com/dopebase/react-native-walkthrough","last_synced_at":"2025-10-25T06:18:02.088Z","repository":{"id":34041952,"uuid":"166711542","full_name":"dopebase/react-native-walkthrough","owner":"dopebase","description":"React Native Walkthrough User Onboarding Flow to start your react native app development","archived":false,"fork":false,"pushed_at":"2023-07-11T23:20:36.000Z","size":27007,"stargazers_count":46,"open_issues_count":2,"forks_count":10,"subscribers_count":5,"default_branch":"master","last_synced_at":"2025-05-10T08:01:59.801Z","etag":null,"topics":["android","expo","ios","react-native"],"latest_commit_sha":null,"homepage":"https://instamobile.io","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/dopebase.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":"2019-01-20T21:30:24.000Z","updated_at":"2025-04-30T19:27:19.000Z","dependencies_parsed_at":"2024-11-10T18:22:20.745Z","dependency_job_id":null,"html_url":"https://github.com/dopebase/react-native-walkthrough","commit_stats":null,"previous_names":["dopebase/react-native-walkthrough","instamobile/react-native-walkthrough"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/dopebase/react-native-walkthrough","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dopebase%2Freact-native-walkthrough","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dopebase%2Freact-native-walkthrough/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dopebase%2Freact-native-walkthrough/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dopebase%2Freact-native-walkthrough/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/dopebase","download_url":"https://codeload.github.com/dopebase/react-native-walkthrough/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dopebase%2Freact-native-walkthrough/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":272342823,"owners_count":24917707,"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-08-27T02:00:09.397Z","response_time":76,"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":["android","expo","ios","react-native"],"created_at":"2024-11-10T18:11:59.792Z","updated_at":"2025-10-25T06:18:01.991Z","avatar_url":"https://github.com/dopebase.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Walkthrough Flow in React Native\n\nCheck our this implementation of a walkthrough flow in React Native. Beautiful design, clean and extensible code and modularized flow.\n\n## Features\n\n- Highly customizable source code\n- Unlimited number of steps\n- Optimized for both iOS and Android\n\n## Previews\n\n\u003ca href=\"https://www.instamobile.io/app-templates/react-native-walkthrough-flow/\"\u003e\u003cimg src=\"https://www.instamobile.io/wp-content/uploads/2019/01/Simulator-Screen-Shot-iPhone-X-2019-01-20-at-13.59.45-473x1024.png\" alt=\"educational walkthrough flow react native\" width=\"210\" height=\"456\"/\u003e\u003c/a\u003e\n\u003ca href=\"https://www.instamobile.io/app-templates/react-native-walkthrough-flow/\"\u003e\u003cimg src=\"https://www.instamobile.io/wp-content/uploads/2019/01/Simulator-Screen-Shot-iPhone-X-2019-01-20-at-13.59.17-473x1024.png\" alt=\"react native walkthrough\" width=\"210\" height=\"456\" /\u003e\u003c/a\u003e\n\u003ca href=\"https://www.instamobile.io/app-templates/react-native-walkthrough-flow/\"\u003e\u003cimg src=\"https://www.instamobile.io/wp-content/uploads/2019/01/Simulator-Screen-Shot-iPhone-X-2019-01-20-at-13.59.14-473x1024.png\" alt=\"react native walkthrough onboarding flow\" width=\"210\" height=\"456\"/\u003e\u003c/a\u003e\n\n## Get Started\n\n```\nconst WalkthroughAppConfig = {\n  onboardingConfig: {\n    walkthroughScreens: [\n      {\n        icon: require(\"../assets/react-native.png\"),\n        title: \"React Native Walkthrough\",\n        description: \"Welcome your users with a beautiful app walkthrough.\",\n      },\n      {\n        icon: require(\"../assets/educate.png\"),\n        title: \"Educate\",\n        description:\n          \"Showcase features to new users so that they get to love your app.\",\n      },\n      {\n        icon: require(\"../assets/bell.png\"),\n        title: \"Get Notified\",\n        description: \"Describe the value proposition of each core feature.\",\n      },\n    ],\n  },\n};\n\nconst lightColorSet = {\n  mainThemeBackgroundColor: \"#ffffff\",\n  mainThemeForegroundColor: \"#788eec\",\n};\n\nconst darkColorSet = {\n  mainThemeBackgroundColor: \"#121212\",\n  mainThemeForegroundColor: \"#788eec\",\n};\n\nconst colorSet = {\n  ...lightColorSet,\n  light: lightColorSet,\n  dark: darkColorSet,\n  \"no-preference\": lightColorSet,\n};\n\nconst DynamicAppStyles = {\n  colorSet,\n};\n\n\u003cWalkthroughScreen\n  appConfig={WalkthroughAppConfig}\n  appStyles={DynamicAppStyles}\n/\u003e\n\n```\n\nCoded with ❤️ by \u003ca href=\"https://www.instamobile.io\"\u003eInstamobile\u003c/a\u003e and \u003ca href=\"https://www.iosapptemplates.com\"\u003eSwift Projects\u003c/a\u003e.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdopebase%2Freact-native-walkthrough","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdopebase%2Freact-native-walkthrough","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdopebase%2Freact-native-walkthrough/lists"}