# appandflow/react-native-safe-area-context

A flexible way to handle safe area insets in JS. Also works on Android and Web!

Repository: https://github.com/appandflow/react-native-safe-area-context
Canonical: https://ross.abutalabs.com/products/react-native-safe-area-context
Homepage: https://docs.appandflow.com/safe-area-context
Language: TypeScript
License: MIT
License Family: permissive
Topics: react-native, ios, android, web, react, safeareainsets
Last push: 2026-08-25T21:15:15+00:00

## Health v2 (maintenance only)
Score: 99/100 (v2, computed 2026-09-03T02:20:16.233290+00:00)
- activity 99, release rhythm 98, longevity 100
- inputs: {"age_days": 2576, "days_push": 8, "days_rel": 15, "gap_med": 28, "n_releases_24m": 24}
- flags: none
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 2753, forks 256 (observed 2026-08-28T04:07:18.105506+00:00)

## What it is
A React Native library providing a flexible way to handle safe area insets in JavaScript, with support for Android, iOS, Web, macOS, and Windows. It exposes components and hooks to measure and consume safe area insets in app layouts.

## Use cases
- handle safe area insets in react native
- avoid notch and status bar overlap on android and ios
- get safe area insets in javascript hooks
- make react native web app respect safe areas
- replace deprecated react-native safeareaview
- layout content below home indicator

## When to choose
- you build React Native apps that must respect notches, status bars, and home indicators across iOS, Android, and web
- you need a maintained, Expo-compatible safe area solution with hooks and provider components

## When to avoid
- you only target platforms outside React Native (e.g., native Swift/Kotlin apps)
- you need a full navigation or layout framework rather than safe area handling

## Facets
- artifact type: library
- maturity: active
- function: ui-components, mobile-framework
- domain: mobile-development, frontend, cross-platform
- platform: windows, cross-platform
- tags: react-native, safe-area-insets, layout, typescript, expo, ios, android, web, macos

## Member repositories
- appandflow/react-native-safe-area-context (main) score 99

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:07:18.105506+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-30T08:18:53.474007+00:00, confidence not recorded.
  - readme: https://github.com/appandflow/react-native-safe-area-context (fetched 2026-08-28T04:07:18.105506+00:00, sha 7a8138603f0b)
- Data as of 2026-08-30T08:39:29.467469+00:00.