React-native-collapsible: (Accordion) Render content on header click

[alexstoyanov]

My use case is that I have to render a lot of data from the server. That said - is there an option to load the data on demand - i.e. to render the headers in the Accordion and when the user clicks on one header to load data from server for that specific header. Something like onHeaderClicked method:

                   <Accordion
                        sections={sections}
                        renderHeader={this._renderHeader}
                        onHeaderClicked={this._onHeaderClicked}
                    />

[iRoachie]

Will look into this on the weekend

[alexstoyanov]

@iRoachie Did you have some time to look into this?
It would be really helpful because if each section contains a lot of content and the user will not always open each section to see its content - it is unnecessary to retrieve the whole data from a server when rendering the screen.

[iRoachie]

Not as yet i’m afraid. Been pretty bogged down at work. Will try to block off Tuesday evening to look through the issues

[iRoachie]

Hey @alexstoyanov so I've got a solution that doesn't need to change anything in the api. You simply just have to put the sections array in your state, and then update in the onChange callback.

Here's an example video I made:

https://www.useloom.com/share/e97dde841afb404da3bda216d17becd1

[iRoachie]

Closing this as inactive. If the solution didn't work for you let me know.

[jplandry908]

@iRoachie - I know this is an old post, but this worked great for me. Thank you!