4

React Native Nested Comments with line indicators, collapse views with Reanimate...

 2 years ago
source link: https://reactnativeexample.com/react-native-nested-comments-with-line-indicators-collapse-views-with-reanimated-2-and-draw-lines-with-react-native-svg/
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
Drawing

React Native Nested Comments with line indicators, collapse views with Reanimated 2 and draw lines with react-native-svg

Mar 28, 2022

1 min read

React Native Nested Comments With Line Indicators

Uses reanimated 2 to collapse comments, react-native-svg for the line drawing and FlatList

Notice:

Code and typings are rough and maybe ugly, for sure it can be improved. It’s just an MVP to get it working. If you have suggestions or improvements feel free to Pull Request.

Supports 2 level of nesting like major social apps.

Battle tested with hundreds of comments with 0 lag.

The struggle to built it was real…

Demo:

Screen.Recording.2022-03-25.at.14.47.25.mov

GitHub

View Github


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK