react-native-screen-corner-radius

A React Native library to get the Device's Screen's corner radius.

Installation

npm install react-native-screen-corner-radius
cd ios
pod install

Usage

import { ScreenCornerRadius } from "react-native-screen-corner-radius"

console.log(`Screen Corner Radius: ${ScreenCornerRadius}`)

Values reported

On iOS 14.1, the follow values were reported for each device with rounded corners:

Device	Value (pts)
iPhone X / Xs / Xs Max / 11 Pro / 11 Pro Max	39.0
iPhone Xr / 11	41.5
iPhone 12 mini	44.0
iPhone 12 / 12 Pro	47.33
iPhone 12 Pro Max	53.33
iPad Air / iPad Pro 11-inch / 12.9-inch	18.0

Warning

On iOS, this uses a private API. Since Apple doesn't allow the usage of private APIs, the selector is somewhat obscured, which usually means it will get past app review. However, use at your own risk!

Contributing

See the contributing guide to learn how to contribute to the repository and the development workflow.

License

MIT

Credits

• kylebshr/ScreenCorners for the Swift implementation