Skip to content

Latest commit

 

History

History
28 lines (15 loc) · 1.01 KB

File metadata and controls

28 lines (15 loc) · 1.01 KB

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