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


Documentation

react-native-speech-bubble CircleCI npm version

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 ViewPropTypes.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 ViewPropTypes.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 ViewPropTypes.style, Style of the <SpeechBubble> component (container)
typeWriterStyle Text.propTypes.style Style of the TypeWriter Text Component

License

MIT.


You May Also Like