Recyclerlistview in middle of the page make scroll to only the listview not for full page

[thamizh82]

I am using Recyclerlistview for my page, which is having first half with other functionality for site.
Then am using Recyclerlistview for data to render.

After integration the page scroll happens only to Recyclerlistview itself. And only 10% of Recyclerlistview are visible.

How to make my entire page to scroll to view my full Recyclerlistview.

[thamizh82]

Team,

Kindly reply soon pls....

[naqvitalha]

This looks like something from Android's Coordinator layout domain. There is no direct solution to achieve this right now since nested scrolling is a mess in react native. We'll need to build something similar to coordinator layout.

Check out the following links:
https://github.com/mohtada-h/react-native-nested-scrollview
facebook/react-native#8024

Let us know if you find anything. It'll help everyone.

[naqvitalha]

Inactive for a while, closing.

[thamizh82]

I solved this issue by appending dummy header content to the result data.
e.g
var headerData = [{ 'headerData': 'dummytext' }];
var outputData = headerData .concat(resultsetData);

In Recyclerview
rowRenderer=this._renderRow;

_renderRow(type, data) {
if (data.headerData == 'dummytext') {
return (Your header content)
}
return return (Your real data)
}

[JhowEMK]

any news ?