NativeScript ListView高度和滚动

时间:2016-05-09 18:38:07

标签: listview nativescript

另一个NativeScript问题。 :)

Soooo,这是设置:

{
    "nativescript": {
        "id": "org.nativescript.githubreader",
        "tns-ios": {
            "version": "1.7.0"
        },
        "tns-android": {
            "version": "1.7.1"
        }
    },
    "dependencies": {
        "lodash": "^4.10.0",
        "nativescript-telerik-ui": "^1.0.1",
        "tns-core-modules": "1.7.1"
    },
    "devDependencies": {
        "nativescript-dev-typescript": "^0.3.0",
        "typescript": "^1.8.9"
    }
}
  • 抽屉内容> StackLayout> ListView组件

问题在于,当我获取数据列表时,ListView保持相同的高度,只是弹出滚动条以显示滚动。

我正在寻找的结果是,正如html所做的那样,ListView会根据数据调整高度。因此主视图将滚动,而不是ListView组件本身。

如果我想获得一个滚动条,我只会在CSS中限制ListView的高度或其他。

我希望我说的话足够有意义。 :) 我也在ListView的Telerik UI的源代码中搜索,但到目前为止找不到任何用途:(

感谢您抽出宝贵时间阅读。

1 个答案:

答案 0 :(得分:2)

如果您不需要ListView的所有功能,您可能需要查看使用ScrollView并在某处使用Repeater。像这样:

<scroll-view>
    <!-- content above your list of items, i.e. image, label, stack-layout, etc... -->
    <repeater items="navItems">
        <repeater.itemTemplate>
            <label text="{{navItemLabel}}" tap="navItemTapped" />
        </repeater.itemTemplate>
    </repeater>
</scroll-view>

如果需要,您可能最终将整个事物包裹在<grid-layout columns="*" rows="*">(1行1列,均设置为*以占据可用区域的整个宽度/高度),这样如果内容超出该大小,则整个内容将滚动。