0.1.5 • Published 8 years ago

react-native-modal-walk-through v0.1.5

Weekly downloads
3
License
MIT
Repository
github
Last release
8 years ago

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

PropertyTypeDescriptionDefault value
heightNumberHeight of the walkthrough40% of screen height
widthNumberWidth of the walkthrough80% of screen width
onFinishFunctionWhen the user went throught the entire walkthrough
onStepChangeFunctionWhen 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

0.1.5

8 years ago

0.1.4

8 years ago

0.1.3

8 years ago

0.1.2

8 years ago

0.1.1

8 years ago

0.1.0

8 years ago

0.0.3

8 years ago

0.0.2

8 years ago

0.0.1

8 years ago