react-native-screen-steps v0.0.1

React-Native-Screen-Steps

Custom steps indicator component for React-Native. This component is very simple to and ready to use, no other configuration is required. just pass totalPages, currentPage, heading and pageTitle as props and you are good to go.

Screen Shots

Install

 npm i react-native-screen-steps

Import

 import Steps from 'react-native-screen-steps';

Usage

Simple Example

    <Steps
        heading={'Create Your Profile'}
        pageTitle={'Personal Information'}
        currentPage={1}
        totalPages={6}
    />

You can also pass extra optional params to styling

    <Steps
        heading={'Create Your Profile'}
        pageTitle={'Personal Information'}
        currentPage={1}
        totalPages={6}
        titleStyle={{
            fontFamily:Fonts.bold
        }}
        pageTitleStyle={{
            fontFamily:Fonts.bold,
        }}
        pageNoTextStyle={{
            fontFamily:Fonts.bold
        }}
    />

Props for Customization

* Required