Nativescript：动态列表视图只显示一行

Question

任何人都可以帮我解决这个问题吗？列表视图只显示一行。

有没有办法显示列表视图中的所有项目？

XML视图

<ScrollView>
    <stack-layout id="stackID">

    </stack-layout>
</ScrollView>

代码背后

var listViewModule = require("ui/list-view");
var layout = page.getViewById("stackID");

var listView = new listViewModule.ListView(); 
var colors = ["red", "green", "blue"];
listView.items = colors;

layout.addChild(listView);

截图

Answer 1

两件事：

1. 除非你必须;不要将ListView放在ScrollView中。 ListViews内置了自己的滚动视图代码。

2. 如果您必须将ListView放入ScrollView，则需要设置ListView的高度以使一切正常。 （在这种情况下，建议您也设置ScrollView的大小。）

你的布局应该是

<Page><StackLayout> ....  other views ....
<StackLayout id="stackID">
  <!-- ListView dynamically inserted here -->
</StackLayout>
</StackLayout></Page>