Road to v1

[jmeistrich]

I think we're feature complete for version 1 :). I could use some help with making sure all of these things are good. Please let me know if you find any more issues!

Issues

• Improve handling of data changing: Updating the data not working #52,
• Improve onEndReached with data changing: Bug: onEndReached resetting when data changes #45
• Optimize perf after regression from Implement advanced maintainVisibleContentPosition algorithm, add bidirectional scroll list example #43
• Should be a drop in replacement in the Bluesky app

Future features beyond v1

• Web implementation
• Possibly more DX improvements
• More performance testing and optimizations

Things to check

• Are all of the API types correct?
• Are there props from ScrollView that should be omitted?
• Are there still any props/features from FlatList/FlashList that should be added?
• Are there any other bugs that there's not already an Issue for?
• Do more perf testing to make sure it's actually fast in all scenarios, and optimize it more if not

[imranbarbhuiya]

I want to request a feature where onEndReached work both ways (reach top and bottom).
Currently flashlist/flatlist/scrollview all work for bottom reach, not top. I can probably implement it but want to verify if you'll like to add this feature and also should I do it in the same method and pass a prop which says if it reached bottom/top or u want a new method
Just found flatlist has onStartReached but flashlist doesn't. And legend-list is also missing it

[sabaturgay]

Thank you for the great work on LegendList! It's been a pleasure using this component, which improves on FlatList in many ways. I would like to ask if there is a plan to add numColumns prop. This addition would simplify migration and enhance flexibility for grid-based UIs.

Looking forward to your thoughts. Thanks again for your hard work!

[jmeistrich]

@sabaturgay Yes, I'll add a numColumns prop soon 👍

[jmeistrich]

I just merged in a big change to add maintainVisibleContentPosition and a bunch of optimizations. I'll release a 0.5 with those changes tomorrow (in Germany time because I'm in Berlin right now). Then the focus is on stabilizing and documenting towards a v1 release 🎉.

Please let me know if you see any remaining issues, anywhere from serious bugs to missing features to typos.

If anyone wants to add more examples it would be much appreciated! @mbilenko-florio added a chat example in #37 which is awesome 😍. I restructured the example app to have a list of examples on the home page. So you can just PR an addition to example/app/(tabs)/index.tsx if you'd like.

Thank you!

[assimelha]

Amazing work @jmeistrich!

One prop that's needed especially for the react-native-bottom-sheet lib is renderScrollComponent

[jmeistrich]

@assimelha Oh I actually added a renderScrollComponent prop in the latest version but forgot to add it to the documentation. I did some quick tests and it seemed to work, but I'm not sure if it's correct to support bottom sheet. What do you think? Do you want to try it and see if it works?

[brunocentanaro]

Awesome library! Really nice work.

In my use case one prop that I use from flashlist is overrideItemLayout when using it as a section list with more than one column so that the titles use the whole width

[assimelha]

@assimelha Oh I actually added a renderScrollComponent prop in the latest version but forgot to add it to the documentation. I did some quick tests and it seemed to work, but I'm not sure if it's correct to support bottom sheet. What do you think? Do you want to try it and see if it works?

Awesome! I'll give it a try this afternoon and report back

[ndayishimiyeeric]

Amazing work @jmeistrich

In my use case, I was experimenting with a chat app, and I wanted to implement an optimistic ui for my chat using layout animations (entering and exiting animation) with reanimated a feature already available in Flat/Flash-lists. I tried creating an animated legend list as per reanimated I was unable to, maybe ref props are not forwarded.
can I achieve this? or will animation libraries be supported in future visions?

Thanks!!!!

[rawrmonstar]

For me to be able to use this over Flashlist, I need the ability to have some items span multiple columns. At the moment I implement this with getItemType and overrideItemLayout that doesn't seem possible with the current props provided by LegendList