Skip to content

A way for new feature introduction and step-by-step users guide for your react-native app

Notifications You must be signed in to change notification settings

liuzheng644607/react-native-intro

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

23 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

react-native-intro

A way for new feature introduction and step-by-step users guide for your react-native app

Install

Run npm install react-native-intro --save in your Project dir

Usage

  1. react-native-intro exports two APIs, default is Intro component, and the other one is intro function. see demo get more informations.

  2. Use Intro component wrap your components and pass some props to Intro. Maybe you need set the style props too;

import Intro, {IntroManage} from 'react-native-intro';

<Intro
    content={"hello world"}
    step={1}>
</Intro>

.....

componentDidMount() {

    // and start
    var myIntro = new IntroManage();
    myIntro.start();

}

#Props ###content: string | ReactElement

###step: the step sort

Warning

This Component does not support your component Wrapped by Redux connect currently;

screen shorts

ios screen shoot android screen shoot

About

A way for new feature introduction and step-by-step users guide for your react-native app

Resources

Stars

Watchers

Forks

Packages

No packages published