watadarkstar / react-native-typing-animation

💬 A typing animation for your React Native chat app based on simple trigonometry to create better loaders.
https://www.npmjs.com/package/react-native-typing-animation
MIT License
286 stars 17 forks source link

Use Animated and more? [feature request] #18

Open xcarpentier opened 4 years ago

xcarpentier commented 4 years ago

Hi Adrian, A contributor integrates it into GiftedChat and I find it really funny! But I would like to help out a bit with some PRs:

  1. TypeScript it
  2. Use expo on the root for example (ie. mobile and web on the same level, same structure without example folder but some small script for releases and start:dev, like on GiftedChat?)
  3. Use RN Animated API with native driver by default
  4. Add some other animations type (wait for 1s on the bottom like iOS typing, etc...)

Please let me know your thought about it and a happy new year in advance! 🎉

watadarkstar commented 4 years ago

@xcarpentier Hi, for 1,2 and 4, this sounds good to me 👍 Feel free to help with these PRs. I haven't worked on this library for awhile.

In regards to 3:

  1. Use RN Animated API with native driver by default

The reason I didn't use RN Animated API by default is just because this library can be used with RNW for the web. Some people are using it for that use case. Open for discussion though 😄

xcarpentier commented 4 years ago

But it's possible to use Animation with RNW... 🙂 See a small example: https://snack.expo.io/@xcarpentier/animation-example

watadarkstar commented 4 years ago

@xcarpentier In that case, sounds good to me 🙂 let's do it!

watadarkstar commented 4 years ago

@xcarpentier I sent you an invitation to be a collaborator for this library 👬

Shoukat488 commented 4 years ago

I am new at react native. How can I customize UI of gifted Chat. I want to change background color and want to add icons to import media. Please help

kesha-antonov commented 1 month ago

@xcarpentier I think it's better to write this simple animation using reanimated in main repo. There're really not much code needed

kesha-antonov commented 1 month ago

Made version on reanimated

https://github.com/user-attachments/assets/c9bc1220-e392-457e-b5d2-9dc16632fb2e

kesha-antonov commented 1 month ago

Made version on reanimated

Screen.Recording.2024-08-29.at.15.39.48.mov

Released in https://github.com/FaridSafi/react-native-gifted-chat/releases/tag/2.6.1