0.0.6 • Published 6 years ago
react-native-help-bubbles v0.0.6
react-native-help-bubbles
Inspired by https://github.com/liuzheng644607/react-native-intro
Install
Run npm install react-native-help-bubbles --save
Usage
import HelpBubbles, { helpbubbles } from 'react-native-help-bubbles';
<HelpBubbles group="firstStart" content={'I will help you!'} step={1}/>
.....
componentDidMount() {
var helpbubbles = helpbubbles({group:'firstStart'});
helpbubbles.start();
}Properties
Basic
| Prop | Default | Type | Description |
|---|---|---|---|
| showStepNum | true | bool | If true, the number tip will be shown. |
| stopBtnTitle | stop | string | Props to translate the Stop button. |
| nextBtnTitle | next | string | Props to translate the Next button. |
| prevBtnTitle | prev | string | Props to translate the Prev button. |
| checkDisableEvent | - | fnc | Function to check if this bubble disabled. (Has the user seen this bubble before? (Need your own implemention.)) |
| willViewEvent | - | fnc | Function will called before the bubble appeared. |
| didViewEvent | - | fnc | Function will called after the bubble appeared. |
| cancelEvent | - | fnc | Function will called if the user canceled the bubbles. |
Custom basic style & content
| Prop | Default | Type | Description |
|---|---|---|---|
| customToolTipStyle | - | style | Tooltip style. |
| customArrowStyle | - | style | Arrow style. |
Warning
This Component does not support your component Wrapped by Redux connect currently;