best chatbot, chatbot, chatbot app, chatbot online, chatbot website, chatbots, creating chatbots, expo, react, react-native, robot chat
Expo, React native… on boarding chatbot : Part one | by Rinaldo Stevenazzi | Nov, 2021
Users and bot are both use bubbles to display messages, but both bubbles are not the same. To simulate a discussion we need to find a way to make each message display independently with a delay. ChatBot bubble need animation before show message.We need to take all this specification to build our factory.For this part we create a bubble component, user-bubble, and the factory component, bubbles-factory. Finally we display them in a screen named Chat-bot.User-bubbleIt’s a simple component that displays the message we pass in its props (data) and some styling to match the design. I added an opening animation using the native react library, animated. I used animated’s parallel method to start an array of animations, opacity and x position.const UserBubble = ({ data }) => {const positionAnim...
