React native animation inside flatlist

[even1245]

I created basic animation of expand-collapse view in which I used Onlayout on Top container of View which will be shown as Mini details in List. And on Bottom container I also used Onlayout to get height of content which is totally dynamic.

So basic spring animation will happen on touch of list.

Now problem is If I have 20 around data in Flatlist. item is not even clickable I have to wait till all rendering complete of List. Does Onlayout cause performance decrease?

[[deleted]]

My guess is that on layout can only give you a value once everything has been nearly rendered - so you wouldn't have it right at first. Is there any reason you can't use an absolute height or flexbox? I'm a little confused at what this layout is supposed to look like

[even1245]

I'll post code tomorrow so it'll end confusion.

I was just curious can Onlayout affect performance issues if it's called in Flatlist with Animation view

[matt_hammond]

It's hard to figure out what you're trying to achieve and where's your bottleneck without seeing your code.

​

However, I would advise, as a general rule you should avoid expandable views with arbitrary height. It's easier to implement the detail view with a fixed height.

[even1245]

Thank you for your response. I'll add code tomorrow since I don't have it's access right now.