Question

我试图将网格布局插入到famo.us的滚动视图中（使用带角度的famo.us），最明显的方法是工作

<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>

但我想知道这是否真的很聪明。它不是将许多视图推送到滚动视图，而是实际上只有一个视图（网格布局）。我可以想象，famo.us家伙实施了几个关于滚动的性能黑客，我担心，一个单一的网格布局不是正确的选择。有没有更好的办法？也许为每一行＆＃34;行创建一个视图。并根据视图安排项目？

谢谢！

Answer 1

使用vanilla famo.us时，您可以使用支持CollectionLayout的FlexScrollView轻松完成此操作：

var scrollView = new FlexScrollView({ layout: CollectionLayout, layoutOptions: { itemSize: [200, 200] } });

文档：

https://github.com/IjzerenHein/famous-flex/blob/master/tutorials/FlexScrollView.md https://github.com/IjzerenHein/famous-flex

Answer 2

我没有反对这种做法。我目前正在使用带有一个网格布局的水平Scrollview，它工作得非常好。在内部使用带有网格视图的多个视图只会以网格视图的重载结束。

在Famo.us JS中组合GridLayout和ScrollView

2 个答案: