UnevenRoundedRectangle

A rectangular shape view with uneven rounded corners.

Example

swiftui-react-native

<UnevenRoundedRectangle
  fill="green"
  cornerRadii={{
    topLeading: 10,
    topTrailing: 20,
    bottomLeading: 5,
    bottomTrailing: 0,
  }}
/>

SwiftUI

UnevenRoundedRectangle(cornerRadii: .init(topLeading: 10, topTrailing: 20, bottomLeading: 5, bottomTrailing: 0))
    .fill(Color.green)

React Native

<View
  style={{
    width: 100,
    height: 150,
    backgroundColor: 'green',
    borderTopLeftRadius: 10,
    borderTopRightRadius: 20,
    borderBottomLeftRadius: 5,
    borderBottomRightRadius: 0,
  }}

Props

Ellipse inherits all View Modifiers as props.