Selector
A wrapper component that can be used to apply a style to a subset of its children.
Import​
import {
Selector,
firstChild,
notFirstChild,
lastChild,
notLastChild,
even,
odd,
select,
} from 'react-native-flex-layout';
Selector: A wrapper component that can be used to apply a style to a subset of its children.
firstChild: Selects the first child.
notFirstChild: Selects all children except the first child.
lastChild: Selects the last child.
notLastChild: Selects all children except the last child.
even: Selects all children that are even.
odd: Selects all children that are odd.
select: Selects all children that match the given selector.
Usage​
Use the childrenStyle
prop to apply a style to each child.
First Child​
Selects the first child.
Not First Child​
Selects all children except the first child.
Last Child​
Selects the last child.
Not Last Child​
Selects all children except the last child.
Even​
Selects all children that are even.
Odd​
Selects all children that are odd.
Select​
Selects all children that match the given selector.
Props​
Prop | Type | Description |
---|---|---|
childrenStyle | StyleProp<ViewStyle \| TextStyle \| ImageStyle> | A style object to apply to each child. |