Open Source Ecosystems

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:

https://user-images.githubusercontent.com/717975/160124970-0d256d37-5f8f-40b0-a89d-8e78394354de.mov

Related Projects

react-native-simple-markdown

📜 React Native Markdown component (iOS & Android).

02 Aug 2016 414

react-native-nested-listview

Display nested arrays of N levels with this React Native library.

05 Jul 2017 196

react-native-scroll-bottom-sheet

Cross platform scrollable bottom sheet with virtualisation support, native animations at 60 FPS a...

03 May 2020 1,536

reanimated-collapsible-navbar

Declarative implementation of a collapsible navigation bar with snapping in React Native, with al...

06 Aug 2018 97

reanimated-masonry-list

Masonry List with Reanimated2 component

02 Apr 2022 53

awesome-react-native

Awesome React Native components, news, tools, and learning material!

26 Mar 2015 34,133

react-swipeable-views

A React component for swipeable views.

22 Sep 2015 4,458

react-native-epic-spinners

Reusable React Native's implementation of epic-spinners using built-in Animated

07 Jan 2020 10

react-content-loader

⚪ SVG-Powered component to easily create skeleton loadings.

20 Jan 2017 13,691

react-native-shared-element

Native shared element transition "primitives" for react-native 💫

29 May 2019 2,192

react-native-masonry-list

The Masonry List implementation which has similar implementation as the `FlatList` in React Native

02 May 2021 398

react-native-swipe-list-view

A React Native ListView component with rows that swipe open and closed

14 Apr 2016 2,761

react-native-swiper

The best Swiper component for React Native.

20 Apr 2015 10,338

react-native-notifier

Fast and simple in-app notifications for React Native

22 Mar 2020 1,061

react-native-collapsible

Animated collapsible component for React Native, good for accordions, toggles etc

07 Jun 2015 2,418

react-native-nested-comments-with-lines