react-native-step v1.0.2

:wrench: Installation

# Install React Native Step

yarn add react-native-step

# or if you prefer

npm install react-native-step



# Install React Native Vector Icons

yarn add react-native-vector-icons

# or if you prefer

npm install react-native-vector-icons

# Any problem with icons, try to link
react-native link react-native-vector-icons
# or
npx react-native link react-native-vector-icons

:sparkles: Functionalities

:heavy_check_mark: Creating simple step navigation.

:blush: Simple documentation

  //Accepts the settings below
  stepPreferences: {
    // The color of the step indicator
    colorPoint: string = '#000',
    // Color icon step indicator
    iconColor: string =  '#fff',
  }

  //The home page
  stepIndex: number = 0

:star: Example

  import React from 'react';
  import StepIndicator, {IStepPreferences} from 'react-native-step';
  const App = () => {
    const pref: IStepPreferences = {
      colorPoint: '#000',
    }
    return (
      <View style={{flex: 1}}>
        <StepIndicator stepIndex={2} stepPreferences={pref}>
          <Preparing />
          <Sending />
          <HasArrived />
          <Finished />
        </StepIndicator>
      </View>
    )
  };

  export default App;

:rocket: Technology

The following tools were used in the construction of the project:

• Node.js
• React Native
• TypeScript
• Vector Icons

:memo: License

This project is under MIT license. See the archive LICENSE for more details.

Done with :heart: per Mateus Conceição

Back to the top