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

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

Primary LanguageTypeScriptMIT LicenseMIT

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