Like View, this component is a generic container for other components. However, it adds some additional capabilities – support for presses or clicks and hovering.
This component supports only one child. If you require multiple child components, wrap them in a View.
In addition to the common accessibility props, the following props are supported.
// Alternate text to display if the image cannot be loaded
// or by screen readers
accessibilityHidden: boolean = false;
// Hide the component from screen readers?
accessibilityHidden: boolean = false;
// Traits used to hint screen readers, etc.
accessibilityTraits: AccessibilityTrait | AccessibilityTrait[] = undefined;
// Region for accessibility mechanisms
accessibilityLiveRegion?: AccessibilityLiveRegion = undefined; // Android and web only
// Delay in ms before onLongPress is called
delayLongPress: number = 1000;
// If disabled, touch and mouse input events are ignored
disabled: boolean = false;
// Called when the user has pressed and held for a specified duration
onLongPress: (e: SyntheticEvent) => void;
// Called when the mouse cursor enters or leaves the view bounds
onHoverStart: (e: SyntheticEvent) => void;
onHoverEnd: (e: SyntheticEvent) => void;
// Called when the touch or mouse button is released within the bounds of the view and the press has not been canceled
onPress: (e: SyntheticEvent) => void;
// Called when touch is initiated or mouse button is pressed
onPressIn: (e: SyntheticEvent) => void;
// Called when touch or the mouse button is released or the user's finger or mouse cursor is no longer over the view
onPressOut: (e: SyntheticEvent) => void;
// Rasterize contents using offscreen bitmap (perf optimization)
shouldRasterizeIOS: boolean = false; // iOS only
// See below for supported styles
style: ButtonStyleRuleSet | ButtonStyleRuleSet[] = [];
// Keyboard tab order
tabIndex: number = undefined;
// Text for a tooltip
title: string = undefined;
// Visual touchfeedback properties
// Disable default opacity animation on touch of buttons
disableTouchOpacityAnimation?: boolean; // iOS and Android only
// Opacity value the button should animate to on button touch
activeOpacity?: number; // iOS and Android only
// Background color that will be visible on button touch
underlayColor?: string; // iOS and Android only
// Sets the accessibility focus to the component.
focus(): void;