https://github.com/appandflow/react-native-safe-area-context

A flexible way to handle safe area insets in JS. Also works on Android and Web!
https://github.com/appandflow/react-native-safe-area-context

android ios react react-native safeareainsets web

Last synced: 4 days ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/appandflow/react-native-safe-area-context
• Owner: AppAndFlow
• License: mit
• Created: 2019-08-14T18:26:28.000Z (almost 6 years ago)
• Default Branch: main
• Last Pushed: 2025-04-29T08:05:13.000Z (19 days ago)
• Last Synced: 2025-05-11T09:49:40.813Z (7 days ago)
• Topics: android, ios, react, react-native, safeareainsets, web
• Language: TypeScript
• Homepage: https://docs.appandflow.com/safe-area-context
• Size: 3.5 MB
• Stars: 2,326
• Watchers: 14
• Forks: 216
• Open Issues: 39
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

README

        
![safearea](https://github.com/user-attachments/assets/d951efe6-4d25-4ff6-b654-7aaf4519829b)

### 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. [email protected]

# 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/th3rdwave/react-native-safe-area-context/workflows/JavaScript%20tests/badge.svg)](https://github.com/th3rdwave/react-native-safe-area-context/actions?query=workflow%3AJavaScript%20tests) [![iOS build](https://github.com/th3rdwave/react-native-safe-area-context/workflows/iOS%20build/badge.svg)](https://github.com/th3rdwave/react-native-safe-area-context/actions?query=workflow%3AiOS%20build) [![Android build](https://github.com/th3rdwave/react-native-safe-area-context/workflows/Android%20build/badge.svg)](https://github.com/th3rdwave/react-native-safe-area-context/actions?query=workflow%3AAndroid%20build)

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)