Skip to main content

Selector

A wrapper component that can be used to apply a style to a subset of its children.

💬 Feedback , 🌱 Source

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​

PropTypeDescription
childrenStyleStyleProp<ViewStyle \| TextStyle \| ImageStyle>A style object to apply to each child.