# react-native-safe-area-context

> A flexible way to handle safe area, also works on Android and web.

Latest version **5.9.1** (published 2026-08-18) · MIT license · 0 weekly downloads

## Install

```sh
npm install react-native-safe-area-context
pnpm add react-native-safe-area-context
yarn add react-native-safe-area-context
bun add react-native-safe-area-context
```

## Health

**Score 70/100 (B)** — status: active.

Positive: has types; esm support; no vulnerabilities; recently updated; high maintenance score; high quality score.

Warnings: low downloads.

## Facts

| | |
|---|---|
| Version | 5.9.1 |
| Published | 2026-08-18 |
| First published | 2019-08-16 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 0 |
| Unpacked size | 239.5 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 2759 |
| Author | Janic Duplessis |
| Maintainers | janicduplessis, melvalesca |
| Keywords | react-native, react native, react-native-web, expo-web, safe area, view |

## Links

- npm: https://www.npmjs.com/package/react-native-safe-area-context
- Repository: https://github.com/AppAndFlow/react-native-safe-area-context
- Homepage: https://github.com/AppAndFlow/react-native-safe-area-context#readme
- Issues: https://github.com/AppAndFlow/react-native-safe-area-context/issues
- npm.io page: https://npm.io/package/react-native-safe-area-context

## Recent versions

- 5.9.1 (latest) — 2026-08-18
- 5.2.0-beta.0 (beta) — 2025-01-24
- 4.10.0-rc.2 (rc) — 2024-04-12
- 4.8.0-rc.0 (next) — 2023-12-01
- 5.9.0 — 2026-08-12
- 5.8.1 — 2026-08-03
- 5.8.0 — 2026-05-18
- 5.7.0 — 2026-02-24
- 5.6.2 — 2025-10-28
- 5.6.1 — 2025-08-19
- 5.6.0 — 2025-08-07
- 5.5.2 — 2025-07-10
- 5.5.1 — 2025-07-01
- 5.5.0 — 2025-06-21
- 5.4.1 — 2025-05-22
- … 133 more at https://npm.io/package/react-native-safe-area-context/versions

## README

<img width="3315" height="951" alt="safe" src="https://github.com/user-attachments/assets/24613a26-95da-4777-870e-f5c53c82da2a" />

### About
App & Flow is a Montreal-based React Native engineering and consulting studio. We partner with the world’s top companies and are recommended by [Expo](https://expo.dev/consultants). Need a hand? Let’s build together. team@appandflow.com

# react-native-safe-area-context

[![npm](https://img.shields.io/npm/v/react-native-safe-area-context)](https://www.npmjs.com/package/react-native-safe-area-context) ![Supports Android, iOS, web, macOS and Windows](https://img.shields.io/badge/platforms-android%20%7C%20ios%20%7C%20web%20%7C%20macos%20%7C%20windows-lightgrey.svg) ![MIT License](https://img.shields.io/npm/l/react-native-safe-area-context.svg)

[![JavaScript tests](https://github.com/AppAndFlow/react-native-safe-area-context/workflows/JavaScript%20tests/badge.svg)](https://github.com/AppAndFlow/react-native-safe-area-context/actions/workflows/js.yml) [![iOS build](https://github.com/AppAndFlow/react-native-safe-area-context/workflows/iOS%20build/badge.svg)](https://github.com/AppAndFlow/react-native-safe-area-context/actions/workflows/ios.yml) [![Android build](https://github.com/AppAndFlow/react-native-safe-area-context/workflows/Android%20build/badge.svg)](https://github.com/AppAndFlow/react-native-safe-area-context/actions/workflows/android.yml)

A flexible way to handle safe area, also works on Android and Web!

## Documentation

Check out our [documentation site](https://appandflow.github.io/react-native-safe-area-context/).

## Contributing

See the [Contributing Guide](CONTRIBUTING.md)

---
_Source: https://npm.io/package/react-native-safe-area-context · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._