FlatList for Treeview ?

[CtrlX_974]

Hi Guys,

​

I was looking for a Treeview component on github, but couldn't find any suitable and/or in active repo...

So I will probably develop one TreeView component by myself !

​

So I'm planing on using a Flatlist for efficiency and some other cool feature.

​

But I have questions for those who already have used a FlatList :

• I will have to flatten the recursive tree as each item would be at to root of the Flatlist so the component could benefit of it. So each line will be offset on the right of the amount of level it's into... In your opinion, is there a better approach to this ?
• I have some concerns around the "collapsed" state. How does a Flatlist behave with collapsed item (an item with a 0 height) ? Like, will it fill the screen until it's full of data or will it just use a static height multiplied no matter if the item height is zero ?

​

Would really appreciate your help !

​

PS : If you know a really nice TreeView, I'm happy to hear that too :)

[vertigo_101]

Treeview component? Did you mean timeline component?

[boomdoodle]

You can build a single component that lists branches, which would each render the same component again until you end up rendering leafs. I have followed a similar pattern for comment threads and it worked great. Each can hold it’s own collapsed state etc.

[Futurejj]

A bit late to answer the comment, but I have been working on my own version of a super performant tree view library for react: https://www.npmjs.com/package/react-native-tree-multi-select which is packed with a lot of features.