react-native-speech-bubble

A speech bubble dialog component for React Native.

Install

npm install --save react-native-speech-bubble

Usage

import SpeechBubble from 'react-native-speech-bubble';

<SpeechBubble
  speeches={[ 'String 1', 'String 2', 'String 3' ]}
/>

API

| Prop | Type | Description | |------|------|-------------| | allowSkip| bool | Speech bubble will be clickable before the end of the animation (Default is false) | | allowSpeechReplay| bool | Add a replay action at the end of the speeches (Default is false)| | hideIcons| bool | Speech bubble will hide icons (Default is false)| | nextStyle| Text.propTypes.style | Style of the "Next" icon | | onSpeechEnd| func | Callback that will be called at the end of the animation of the current speech | | onSpeechNext| func | Callback that will be called when you triggered the next speech | | onSpeechReplay| func | Callback that will be called when you triggered the replay action | | speaker| string | Title of the speech bubble (Speaker or interlocutor) | | speakerStyle| View.propTypes.style | Style that will be applied to the speaker view | | speakerTextStyle| Text.propTypes.style | Style that will be applied to the speaker text style | | speechBubbleActiveOpacity| number | Opacity of the clickable bubble as a TouchableOpacity | | speechBubbleStyle| View.propTypes.style | Style that will be applied to the speech bubble | | speechBubbleTextStyle| Text.propTypes.style | Style that will be applied to the text of the speech bubble. This is actually applied to a View element. If you want to influence the Text Component, please use typeWriterStyle instead | | speeches| array of string | (Required) Speeches that will be displayed into the speech bubble, one item = one bubble. | | style| View.propTypes.style | Style of the <SpeechBubble> component (container) | | typeWriterStyle| Text.propTypes.style | Style of the TypeWriter Text Component |

License

MIT.