A React Native library to get the Device's Screen's corner radius.
npm install react-native-screen-corner-radius
cd ios
pod installimport { ScreenCornerRadius } from "react-native-screen-corner-radius"
console.log(`Screen Corner Radius: ${ScreenCornerRadius}`)The following values were reported for various devices 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, 13 mini | 44.0 |
| iPhone 12, 12 Pro, 13 Pro, 14, 16e | 47.33 |
| iPhone 12 Pro Max, 13 Pro Max, 14 Plus | 53.33 |
| iPhone 14 Pro, 14 Pro Max, 15, 15 Plus, 15 Pro, 15 Pro Max, 16, 16 Plus | 55.0 |
| iPhone 16 Pro, 16 Pro Max, 17, 17 Pro, 17 Pro Max, Air | 62.0 |
| iPad Air / iPad Pro 11-inch / 12.9-inch | 18.0 |
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!
See the contributing guide to learn how to contribute to the repository and the development workflow.
MIT
- kylebshr/ScreenCorners for the Swift implementation