GitHub - efstathiosntonas/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

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

Name		Name	Last commit message	Last commit date
Latest commit History 9 Commits
.bundle		.bundle
.swm		.swm
__tests__		__tests__
android		android
ios		ios
patches		patches
src		src
.buckconfig		.buckconfig
.eslintrc.js		.eslintrc.js
.gitignore		.gitignore
.prettierrc.js		.prettierrc.js
.ruby-version		.ruby-version
.wakatime-project		.wakatime-project
.watchmanconfig		.watchmanconfig
Gemfile		Gemfile
Gemfile.lock		Gemfile.lock
LICENSE		LICENSE
README.md		README.md
app.json		app.json
babel.config.js		babel.config.js
index.js		index.js
metro.config.js		metro.config.js
package.json		package.json
tsconfig.json		tsconfig.json
yarn.lock		yarn.lock

License

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

Folders and files

Latest commit

History

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:

Notice 2:

Notice 3:

Battle tested with hundreds of comments with 0 lag.

About

Topics

Resources

License

Stars

Watchers

Forks

Languages

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