react-native-simple-stepper

A parity version of the iOS UIStepper.

Table of contents

• Installation
• Usage
• Text Position
• Props
• More Examples

Installation

| | | ------------------------------------------------ | | yarn add react-native-simple-stepper | | npm install react-native-simple-stepper --save |

Usage

import React from 'react';
import SimpleStepper from 'react-native-simple-stepper';

export default function Example(): React.JSX.Element {
  return <SimpleStepper valueChanged={value => console.log(value)} />;
}

Text Position

| left | center (default) | right | | :-----------------------------------: | :-------------------------------------: | :------------------------------------: | | | | |

import React from 'react';
import SimpleStepper from 'react-native-simple-stepper';

export default function TextPositionExample(): React.JSX.Element {
  return <SimpleStepper showText={true} textPosition={'right'} />;
}

Vertical layout

import React from 'react';
import SimpleStepper from 'react-native-simple-stepper';

export default function VerticalExample(): React.JSX.Element {
  return <SimpleStepper horizontal={false} />;
}