🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

A modal component to walk through different steps in React Native applications.

Others React Native

Documentation

React Native Modal WalkThrough

A modal to walk through different steps in react native

Installation

Install with yarn or npm

yarn add react-native-modal-walk-through 

Import the lib

import ModalWalkThrough from 'react-native-modal-walk-through'; 

Add scenes

<ModalWalkThrough   visible={true} >   {['scene1', 'scene2'].map(scene => (     <View>       <Text>{scene}</Text>     </View>   ))} </ModalWalkThrough> 

Preview

preview

Properties

Property Type Description Default value
height Number Height of the walkthrough 40% of screen height
width Number Width of the walkthrough 80% of screen width
onFinish Function When the user went throught the entire walkthrough
onStepChange Function When the user swiped to another step

Methods

goToStep (step: Number)

Go to a particular step in the walkthrough, in case the number is bigger than the last step index, it will close the modal

show

Show the modal

hide

Hide the modal

gitcheese.com


You May Also Like