Interface CustomButton

Interface defining the structure of each custom button.

interface CustomButton {
    action: (() => void);
    show: boolean;
    backgroundColor?: string;
    disabled?: boolean;
    icon?: string;
    iconStyle?: StyleProp<TextStyle>;
    text?: string;
    textStyle?: StyleProp<TextStyle>;
    customComponent?: ReactNode;
}

Properties

action show backgroundColor? disabled? icon? iconStyle? text? textStyle? customComponent?

Properties

action

action: (() => void)

Function to be called when the button is pressed.

show

show: boolean

Determines if the button should be displayed.

OptionalbackgroundColor

backgroundColor?: string

The background color of the button.

Default

'transparent'

Optionaldisabled

disabled?: boolean

Determines if the button should be disabled.

Default

false

Optionalicon

icon?: string

The name of the FontAwesome5 icon to be displayed on the button.

OptionaliconStyle

iconStyle?: StyleProp<TextStyle>

The style to be applied to the icon.

Optionaltext

text?: string

The text to be displayed on the button.

OptionaltextStyle

textStyle?: StyleProp<TextStyle>

The style to be applied to the text.

OptionalcustomComponent

customComponent?: ReactNode

A custom component to be rendered inside the button instead of icon and text.

Settings

Member Visibility

On This Page

Properties