View
The fundamental layout primitive.
View uses a flexbox column layout by default. Every instance of View
uses relative positioning by default and the zIndex
can only be used to control the relative Z-axis stacking of siblings within their parent.
Raw text nodes are not allowed as children of View. A View nested within a Text will render inline without altering its display or that of its children.
import { View } from 'react-native';
<View {...props}>{children}</View>;
Did you know? View
elements do not support text content or text styles. Style properties like fontFamily
are only supported on Text
and TextInput
elements.
API
Props
The accessibility props.
The click props.
The focus props.
The keyboard props.
The responder props.
The children of a View
element can be other elements and must not include strings (or components that render down to strings).
Set whether the view can receive keyboard focus.
If href
is defined, the view is rendered as an anchor tag pointing to this URL.
If href
is defined, this prop defines related attributes to include on the anchor (e.g., download
, rel
, target
) which may modify its behavior.
Equivalent to HTMLElement.lang. This prop is used to infer writing direction if no dir
is set.
This is invoked when a component is mounted and when its layout changes. x
and y
are the offsets from the parent node.
Equivalent to CSS pointer-events with 2 additional values. A value of "box-none"
preserves pointer events on the element’s children; "box-only"
disables pointer events on the element’s children.
Set the styles of the view.
Set the test selector label (via data-testid
).