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} />;
}