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

两件事：

除非你不得不；不要将 ListView 放在 ScrollView 中。 ListView 有自己内置的滚动视图代码。
如果必须将ListView 放入ScrollView 中，则需要设置ListView 的高度才能使一切正常工作。（在这种情况下也建议您设置 ScrollView 的大小）。

你的布局应该是

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

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

Nativescript: Dynamic listview showing only one row

listview

nativescript