Skip to content

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

License

Notifications You must be signed in to change notification settings

efstathiosntonas/react-native-nested-comments-with-lines

Repository files navigation

React Native Nested Comments With Line Indicators

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


Notice 1:

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.

Notice 2:

CollapsibleView was inspired by Eliav2/react-native-collapsible-view

Notice 3:

reanimated-collabsiple-headers is patched to support some extra props, changes are in patches folder


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

About

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

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published