Normalise Squircle View
React Native has come a long way, but there are still some small gaps between what you can do natively on iOS/Android and what you get from React Native's default primitives.
On iOS, SwiftUI has RoundedRectangle with .continuous, which produces Apple's smoother, squircle-style corners. Android also has shape APIs that can produce more advanced rounded shapes. Yet in React Native, we're still essentially working with the traditional borderRadius approach.
This feels like one of those small things that shouldn't require a completely different component or a custom implementation every time.
That's why I built squircle-view, a drop-in replacement for React Native's <View> that adds smooth corner support while keeping the normal View API and behavior on both Android and iOS.
It's implemented natively for both iOS and Android and works with both Expo and bare React Native projects, with the goal of making smooth corners feel like a normal part of React Native rather than something you have to work around using Skia or SVG.
The idea is simple: React Native's <View>, but with proper smooth corners.
I know it's a small thing, and most people might not even notice the difference at first. But once you see those smoother corners, they just feel right. It's one of those tiny details that can be easily overlook, yet somehow makes the whole interface feel a little more polished and pleasant to use. That small difference is really what made me want to build this.
🔗 Github: rit3zh/squircle-view
15 points · 1 comment
Mentions
Normalise Squircle View React Native has come a long way, but there are still some small gaps between what you can do natively on iOS/Android and what you get from React Native's default primitives. On iOS, SwiftUI has RoundedRectangle with .continuous, which produces Apple's smoother, squircle-style corners. Android also has shape APIs that can produce more advanced rounded shapes. Yet in React Native, we're still essentially working with the traditional borderRadius approach. This feels like one of those small things that shouldn't require a completely different component or a custom implementation every time. That's why I built squircle-view, a drop-in replacement for React Native's <View> that adds smooth corner support while keeping the normal View API and behavior on both Android and iOS. It's implemented natively for both iOS and Android and works with both Expo and bare React Native projects, with the goal of making smooth corners feel like a normal part of React Native rather than something you have to work around using Skia or SVG. The idea is simple: React Native's <View>, but with proper smooth corners. I know it's a small thing, and most people might not even notice the difference at first. But once you see those smoother corners, they just feel right. It's one of those tiny details that can be easily overlook, yet somehow makes the whole interface feel a little more polished and pleasant to use. That small difference is really what made me want to build this. 🔗 Github: rit3zh/squircle-view