Respond Indigenous Part For Squircle Shapes

A React Indigenous part to create configurable squircle forms in your applications.

Exactly how to utilize it:

1. Mount and also import the Squircle part.

 # Thread

.$ thread include react-native-squircle

.

.
# NPM 
. $ npm i react-native-squircle 

 import Squircle from 'react-native-squircle';

2. Produce a fundamental squircle.

 const MyComponent = () => > {

.

> 
. < Squircle/>
> 
.
 
.); 
.};

3. Readily available props to tailor the squircle.

/ **

. * The distance of the squircle.

.
* 
.
*/ 
. borderRadius: number;

.

.
/ ** 
. * The history shade of the squircle.

.
* 
. * @default #FFFFFF 
.
*/

. backgroundColor?: Shade;

.

.
/ ** 
. * The greater the worth, the smoother the boundary.

.
* 
.
* @default 1 
. */ 
. borderSmoothing?: number;

.

.
/ ** 
.
*
Respond kids. 
. * 
. */ 
.

kids?
: React.ReactNode|React.ReactNode[];

.

.
/ ** 
. * Skia node that will certainly be covered up by the squircle. 
. * 
.

*/

. maskChildren?: React.ReactNode|React.ReactNode []; 
. 
.
/
** 
.
* Design for the container part. 
. * 
. */ 
. design?: StyleProp;

Sneak Peek:

Download And Install Information:

Writer: samuel-rl

Online Trial : Sight The Trial

Download And Install Web Link: Download And Install The Resource Code

Authorities Site: https://github.com/samuel-rl/react-native-squircle

Permit: MIT