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

Prop	Type	Description
childrenStyle	StyleProp<ViewStyle / TextStyle / ImageStyle>	A style object to apply to each child.