React Native Step

Installation   |   Functionalities   |   Documentation   |   License   |   Technology   |   Autor   |   Demo

🔧 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

✨ Functionalities

✔️ Creating simple step navigation.

😊 Simple documentation

  // The color of the step indicator
  colorPoint: string = '#000',

  // Color icon step indicator
  iconColor: string =  '#fff',

⭐ 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;

🚀 Technology

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

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

📝 License

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

Done with ❤️ per Mateus Conceição

 

Back to the top