MCPcopy Index your code
hub / github.com/AppAndFlow/react-native-safe-area-context

github.com/AppAndFlow/react-native-safe-area-context @v5.8.0

Chat with this repo
repository ↗ · DeepWiki ↗ · release v5.8.0 ↗ · + Follow
148 symbols 304 edges 88 files 6 documented · 4% 130 cross-repo links
What it actually does AI analysis from the code graph — generated when you open this
loading…
README

safearea

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. Need a hand? Let’s build together. team@appandflow.com

react-native-safe-area-context

npm Supports Android, iOS, web, macOS and Windows MIT License

JavaScript tests iOS build Android build

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

Documentation

Check out our documentation site.

Contributing

See the Contributing Guide

Extension points exported contracts — how you extend this code

RNCSafeAreaViewManagerInterface (Interface)
(no doc) [2 implementers]
android/src/paper/java/com/facebook/react/viewmanagers/RNCSafeAreaViewManagerInterface.java
EdgeInsets (Interface)
(no doc)
src/SafeArea.types.ts
SafeAreaProviderProps (Interface)
(no doc)
src/SafeAreaContext.tsx
NativeProps (Interface)
(no doc)
src/specs/NativeSafeAreaView.ts
RNCSafeAreaProviderManagerInterface (Interface)
(no doc)
android/src/paper/java/com/facebook/react/viewmanagers/RNCSafeAreaProviderManagerInterface.java
Rect (Interface)
(no doc)
src/SafeArea.types.ts
SafeAreaListenerProps (Interface)
(no doc)
src/SafeAreaContext.tsx
Spec (Interface)
(no doc)
src/specs/NativeSafeAreaContext.ts

Core symbols most depended-on inside this repo

getEdgeValue
called by 16
src/SafeAreaView.web.tsx
valueFromEdges
called by 8
common/cpp/react/renderer/components/safeareacontext/RNCSafeAreaViewShadowNode.cpp
useSafeAreaInsets
called by 6
src/SafeAreaContext.tsx
withProvider
called by 5
example/src/components/withProvider.tsx
getInset
called by 4
src/NativeSafeAreaProvider.web.tsx
getEdgeValue
called by 4
common/cpp/react/renderer/components/safeareacontext/RNCSafeAreaViewShadowNode.cpp
setMode
called by 3
android/src/paper/java/com/facebook/react/viewmanagers/RNCSafeAreaViewManagerInterface.java
edgeInsetsToJsMap
called by 3
android/src/main/java/com/th3rdwave/safeareacontext/SerializationUtils.kt

Shape

Function 57
Method 56
Class 23
Interface 12

Languages

Kotlin51%
TypeScript32%
Java9%
C++8%

Modules by API surface

android/src/main/java/com/th3rdwave/safeareacontext/SafeAreaView.kt11 symbols
src/SafeAreaContext.tsx10 symbols
android/src/main/java/com/th3rdwave/safeareacontext/SafeAreaViewShadowNode.kt8 symbols
android/src/main/java/com/th3rdwave/safeareacontext/SafeAreaViewManager.kt8 symbols
android/src/main/java/com/th3rdwave/safeareacontext/SafeAreaProviderManager.kt7 symbols
src/NativeSafeAreaProvider.web.tsx6 symbols
android/src/main/java/com/th3rdwave/safeareacontext/SafeAreaUtils.kt6 symbols
android/src/main/java/com/th3rdwave/safeareacontext/SafeAreaProvider.kt6 symbols
src/SafeArea.types.ts5 symbols
common/cpp/react/renderer/components/safeareacontext/RNCSafeAreaViewState.h4 symbols
android/src/paper/java/com/th3rdwave/safeareacontext/NativeSafeAreaContextSpec.java4 symbols
android/src/main/java/com/th3rdwave/safeareacontext/SerializationUtils.kt4 symbols

For agents

$ claude mcp add react-native-safe-area-context \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact

Ask about this repo answers extend the page