max-prokopenko / react-native-ellipse-view

View smoothly rounded with Bézier curve for React Native.

react-native-ellipse-view

View smoothly rounded with Bézier curve for React Native.

Installation

npm install @lowkey/react-native-ellipse-view

or

yarn add @lowkey/react-native-ellipse-view

Usage

import EllipseView from "@lowkey/react-native-ellipse-view";

// ...

<EllipseView style={styles.ellipseViewContainer}>
    <Image source={require('./example.jpeg')} style={styles.avatar} />
</EllipseView>

Props

Property	Type	Default	Required	Description
roundness	number (0-1)	0.45	false	Changes the "borderRadius" of the ellipse

Contributing

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

License

MIT

react-native-ellipse-view's Issues

Issue template

Expected Behavior

Actual Behavior

Steps to Reproduce the Problem

Specifications

• Version:
• Platform:
• Subsystem:

Changing the shape of the curve?

Hi Max,

Is there any way to tinker with the radius of the ellipse?

I see there is a borderRadius prop that only works for android but it does nothing on iOS.