I'm attempting to incorporate a grid layout into a scroll view using famo.us (with angular), and the most straightforward approach seems to be working.
<fa-view>
<fa-scroll-view fa-pipe-from="eventHandler" fa-options="scrollView">
<fa-modifier fa-size="[undefined, 3000]">
<fa-grid-layout fa-options="results.options">
<fa-modifier ng-repeat="grid in results.grids" fa-size="[undefined, results.rowHeight]">
<fa-surface class="item" fa-background-color="'grey'" fa-pipe-to="eventHandler">
<h5>{{grid.content.cleanTitle}}</h5>
</fa-surface>
</fa-modifier>
</fa-grid-layout>
</fa-modifier>
</fa-scroll-view>
</fa-view>
However, I am questioning the wisdom of this approach. Instead of adding multiple views to the scroll view, it effectively only has one view (the grid layout). I suspect that the famo.us developers have implemented various performance optimizations for scrolling, and I worry that a single grid layout may not be the optimal choice. Is there a better alternative? Perhaps creating a separate view for each "row" and organizing the items within each view?
Any insights or suggestions would be greatly appreciated!