{"repo":"phamfoo/react-native-figma-squircle","free":true,"listed":false,"github":"https://github.com/phamfoo/react-native-figma-squircle","clone":"git clone https://github.com/phamfoo/react-native-figma-squircle.git","description":"Figma-flavored squircles for React Native","language":"TypeScript","stars":357,"topics":["react","react-native","expo","figma","squircle"],"license":"MIT","category":"mobile-apps","readme_excerpt":"React Native Figma Squircle Figma-flavored squircles for React Native Disclaimer This library is not an official product from the Figma team and does not guarantee to produce the same results as you would get in Figma. What is this? Figma has a great feature called corner smoothing, allowing you to create rounded shapes with a seamless continuous curve (squircles). This library helps you bring those squircles to your React Native apps. Before you install This library is a very light abstraction on top of figma-squircle. We also depend on react-native-svg to draw the SVG background. In many cases, it's a better idea to just use figma-squircle directly: - You can use react-native-skia instead of react-native-svg . - More control and flexibility. For example, clipping can be done very easily using Clip Path. Installation Install react-native-svg Install this library: Make sure the New Architecture is enabled. Usage A SquircleView can be used just like a normal View , except the background is rendered separately from the view background. So to change how it looks, you'll have to use the squircleParams prop instead of the style prop. Props Inherits View Props squircleParams cornerSmoothing number Required Goes from 0 to 1, controls how smooth the corners should be. cornerRadius number defaults to 0 topLeftCornerRadius number topRightCornerRadius number bottomRightCornerRadius number bottomLeftCornerRadius number fillColor Color defaults to #000 Similar to backgroundColor in the st","default_branch":null,"files":null,"tree":[],"storefront":"/r/phamfoo","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/phamfoo/react-native-figma-squircle/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}