Props

Style Props

externalTextStyles

External text input styles. You can use specific text input styles.

Info

You can use useAnimatedStyle with externalTextStyles prop like below.

const animatedTextStyle = useAnimatedStyle(
  () => ({
    fontSize: sharedSliderValue.value,
  }),
  [sharedSliderValue.value],
);
externalTextStyles = {animatedTextStyle};

Type	Default	Required
TextStyle | ViewStyle	{}	No

externalBorderStyles

External border styles. You can use specific border styles.

Type	Default	Required
ViewStyle	{}	No

Component Props

cornerComponents

Array of custom corner components.

const _cornerComponent = [
    {
      side: 'TR', // Top-Right
      customCornerComponent: () => <View/>
    },
     {
      side: 'BL', // Bottom-Left
      customCornerComponent: () => <View/>
    },
  ];

cornerComponents={_cornerComponent}

Name	Type	Default	Required
side	'TR' | 'TL' | 'BL' | 'BR'	undefined	No
customCornerComponent	Function	undefined	No

resizerSnapPoints

Array of resizer snap points.

  resizerSnapPoints={['right', 'left']}

Type	Default	Required
'right' | 'left' | 'bottom' | 'top'	undefined	No

rotationComponent

Object of rotationComponent.

const _rotateComponent = {
    side: 'bottom',
    customRotationComponent: () => <IconButton iconName={ICONS.ROTATE_ICON} />,
  };
rotationComponent={_rotateComponent}

Name	Type	Default	Required
side	'bottom' | 'top' | 'left'	undefined	No
customRotationComponent	Function	undefined	No

Callbacks

onItemActive

Callback when item clicked.

Type	Default	Required
function	undefined	No

Provided Default Text Input Props

placeholder

Specific text input placeholder.

Type	Default	Required
string	'Lorem Ipsum...'	No

onChangeText

Callback when text changed.

Type	Default	Required
function	undefined	No

value

Text input value.

Type	Default	Required
string	undefined	No

visible

Set visibility.

Type	Default	Required
boolean	true	No