{"id":4215,"url":"https://github.com/Anthonyzou/react-native-full-screen","last_synced_at":"2025-08-04T00:32:32.200Z","repository":{"id":48257134,"uuid":"52939359","full_name":"Anthonyzou/react-native-full-screen","owner":"Anthonyzou","description":"Full screen functionality for Android","archived":false,"fork":false,"pushed_at":"2021-08-04T05:37:42.000Z","size":103,"stargazers_count":77,"open_issues_count":5,"forks_count":34,"subscribers_count":4,"default_branch":"master","last_synced_at":"2025-07-05T06:50:37.227Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"Java","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Anthonyzou.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2016-03-02T06:24:33.000Z","updated_at":"2024-07-25T15:48:45.000Z","dependencies_parsed_at":"2022-09-12T13:20:21.173Z","dependency_job_id":null,"html_url":"https://github.com/Anthonyzou/react-native-full-screen","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Anthonyzou/react-native-full-screen","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Anthonyzou%2Freact-native-full-screen","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Anthonyzou%2Freact-native-full-screen/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Anthonyzou%2Freact-native-full-screen/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Anthonyzou%2Freact-native-full-screen/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Anthonyzou","download_url":"https://codeload.github.com/Anthonyzou/react-native-full-screen/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Anthonyzou%2Freact-native-full-screen/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":268634064,"owners_count":24281896,"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-03T02:00:12.545Z","response_time":2577,"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":[],"created_at":"2024-01-05T20:17:04.751Z","updated_at":"2025-08-04T00:32:31.878Z","avatar_url":"https://github.com/Anthonyzou.png","language":"Java","funding_links":[],"categories":["Components","\u003ca name=\"UI:-Native-Modules\"\u003eUI: Native Modules\u003c/a\u003e","Others"],"sub_categories":["UI"],"readme":"# React native full screen functionality Android\n\nThere is plenty of room for improvment by adding additional react bindings for props and callbacks.\n\n\n##### Props: ToggleView\n\n```html\n  \u003cToggleView style={{flex:1,alignItems:'center', justifyContent:'center'}}\u003e\n    \u003cImage style={{height:500,width:500}} source={{uri:\"http://placehold.it/500\"}}\u003e\u003c/Image\u003e\n\n  \u003c/ToggleView\u003e\n```\n\n| Property | Type | Default | Description |\n|---------------|----------|--------------|----------------------------------------------------------------|\n| delay | number | 3000 | how long to delay hide |\n| delayHide | boolean | true | if there should be a delayed hide event |\n\n\n------------\n\n## Android Installation\n\nInstall the npm package [`react-native-full-screen`](https://www.npmjs.com/package/react-native-full-screen). Inside your React Native project, run ([example](https://github.com/Anthonyzou/react-native-full-screen/tree/master/example)):\n```bash\nnpm install --save react-native-full-screen\n```\n\n```\n# RN \u003e= 0.60\nNo action needed\n\n# RN \u003c 0.60\nreact-native link react-native-full-screen\n```\n### Manual installation\n\n\nIn `android/settings.gradle`, remove the line `include ':app'` and add the following lines\n```\ninclude ':react-native-full-screen'\nproject(':react-native-full-screen').projectDir = file('../node_modules/react-native-full-screen/android')\n```\n**NOTE** : If you have included other libraries in your project, the `include` line will contain the other dependencies too.\n\nIn `android/app/build.gradle`, add a dependency to `':react-native-full-screen'`\n\n```\ndependencies {\n    compile project(':react-native-full-screen')\n}\n```\n\nNext, you need to change the `MainActivity` of your app to register `FullScreenModule` :\n```java\nimport com.rn.full.screen.FullScreenModule; // add this import\n\npublic class MainActivity extends ReactActivity {\n    //...\n\n    @Override\n    protected List\u003cReactPackage\u003e getPackages() {\n      return Arrays.\u003cReactPackage\u003easList(\n          new MainReactPackage(),\n          new FullScreenModule() // add this manager\n      );\n    }\n```\n\n---\n\nTeamLockr full screen\nTeam Lockr full screen for react native\n\nThese are functions created by the TeamLockr Team created for the TeamLockr platform.\n\n---\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FAnthonyzou%2Freact-native-full-screen","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FAnthonyzou%2Freact-native-full-screen","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FAnthonyzou%2Freact-native-full-screen/lists"}