Basically, I have 2 refinement list on a single page in the react-native mobile app(1st list on top and 2nd below 1st list). so it’s mobile app screen I want to initially show 8 results for both refinement list so a user can see both lists without scrolling page. I am able to achieve this by adding limit = 8. But for loading rest of result, I want to show showMore button at end of each refinement list and it should load all the rest of the item for that refinement list.
I am having an issue in figuring out how can I render showMore button and on click on that how to load rest of item in react-native with custom refinement list connector. I am only able to find that we need to pass showMore and showMoreLimit but there is no documentation there regarding providing custom render for showmore or callback function that will load more items in refinement list.
And also need information identify when all the item in refinement list had been loaded so I can hide show more.
Can any one have idea how can I do that in react-native. I am using refinementlistconnector.