{"id":48204981,"url":"https://github.com/logicwind/react-native-status-bar-height","last_synced_at":"2026-04-04T18:35:19.543Z","repository":{"id":291072196,"uuid":"943176347","full_name":"logicwind/react-native-status-bar-height","owner":"logicwind","description":"React-native plugin for getting statusbar heigh in android and ios","archived":false,"fork":false,"pushed_at":"2025-06-23T04:11:42.000Z","size":1527,"stargazers_count":4,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-10-28T14:40:50.124Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"Kotlin","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/logicwind.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","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,"zenodo":null}},"created_at":"2025-03-05T09:37:32.000Z","updated_at":"2025-08-07T05:21:42.000Z","dependencies_parsed_at":"2025-05-02T08:46:01.452Z","dependency_job_id":"52c4bc9e-0008-4c67-87bb-7d08cd536783","html_url":"https://github.com/logicwind/react-native-status-bar-height","commit_stats":null,"previous_names":["logicwind/react-native-status-bar-height"],"tags_count":3,"template":false,"template_full_name":null,"purl":"pkg:github/logicwind/react-native-status-bar-height","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/logicwind%2Freact-native-status-bar-height","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/logicwind%2Freact-native-status-bar-height/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/logicwind%2Freact-native-status-bar-height/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/logicwind%2Freact-native-status-bar-height/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/logicwind","download_url":"https://codeload.github.com/logicwind/react-native-status-bar-height/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/logicwind%2Freact-native-status-bar-height/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31409217,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-04T10:20:44.708Z","status":"ssl_error","status_checked_at":"2026-04-04T10:20:06.846Z","response_time":60,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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":"2026-04-04T18:35:19.087Z","updated_at":"2026-04-04T18:35:19.425Z","avatar_url":"https://github.com/logicwind.png","language":"Kotlin","readme":"# @logicwind/react-native-status-bar-height\n\nA simple and lightweight React Native package to get the **status bar height** and **bottom safe area inset** on both Android and iOS.\n\n### Installation\n\nUsing npm:\n\n```sh md title=\"Terminal\"\nnpm install @logicwind/react-native-status-bar-height\n```\n\nor using yarn:\n\n```sh md title=\"Terminal\"\nyarn add @logicwind/react-native-status-bar-height\n```\n\n### Expo Setup\n\nIf you're working with this Expo project, make sure to run:\n\n```sh md title=\"Terminal\"\nnpx expo prebuild\n```\n\n### iOS Setup\n\nAfter installation, make sure to install CocoaPods:\n\n```sh md title=\"Terminal\"\ncd ios \u0026\u0026 pod install\n```\n\n### Android Setup\n\nNo additional setup is required.\n\n## Usage\n\nImport and use the utility functions to fetch values:\n\n```tsx md title=\"App.tsx\"\nimport {\n  fetchStatusBarHeight,\n  fetchBottomInset,\n} from '@logicwind/react-native-status-bar-height';\n\nconst statusBarHeight = fetchStatusBarHeight();\nconst bottomInset = fetchBottomInset();\n```\n\n## Example\n```tsx md title=\"App.tsx\"\n\u003cView style={{ flex: 1 }}\u003e\n  \u003cText style={{ marginTop: fetchStatusBarHeight() }}\u003e\n    Status Bar Height\n  \u003c/Text\u003e\n  \u003cView style={{ flex: 1 }} /\u003e\n  \u003cText style={{ marginBottom: fetchBottomInset() }}\u003e\n    Bottom Safe Area\n  \u003c/Text\u003e\n\u003c/View\u003e\n```\n\n## API\n`fetchStatusBarHeight(): number` - Returns the status bar height in pixels.\n\n`fetchBottomInset(): number` - Returns the bottom safe area inset in pixels, helpful for avoiding overlap with gesture/navigation bars.\n\n## How It Works\n\n- On iOS, it retrieves values using native APIs or falls back to common values.\n\n- On Android, it uses StatusBar.currentHeight for the status bar height, and WindowInsets for the bottom inset when available.\n\n- A fallback mechanism is in place to provide reasonable defaults.\n\n## react-native-status-bar-height is crafted mindfully at [Logicwind](https://www.logicwind.com?utm_source=github\u0026utm_medium=github.com-logicwind\u0026utm_campaign=react-native-status-bar-height)\n\nWe are a 130+ people company developing and designing multiplatform applications using the Lean \u0026 Agile methodology. To get more information on the solutions that would suit your needs, feel free to get in touch by [email](mailto:sales@logicwind.com) or through or [contact form](https://www.logicwind.com/contact-us?utm_source=github\u0026utm_medium=github.com-logicwind\u0026utm_campaign=react-native-status-bar-height)!\n\nWe will always answer you with pleasure 😁\n\n## License\n\nThis project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flogicwind%2Freact-native-status-bar-height","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Flogicwind%2Freact-native-status-bar-height","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flogicwind%2Freact-native-status-bar-height/lists"}