Home Original page

GitHub - testshallpass/react-native-simple-stepper: A parity version of the iOS UIStepper.

Repository files navigation

react-native-simple-stepper

Platform npm version npm version License CI

A parity version of the iOS UIStepper.

screenshot

Table of contents

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
screenshot screenshot screenshot 
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

screenshot

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

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