首页 文章

NativeScript ListView高度和滚动

提问于
浏览
0

另一个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 回答

  • 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列,两者都设置为 * 以占据可用区域的全宽/高度),这样如果内容增长超过该大小,整个事情会滚动 .

相关问题