ScrollView 不会在 NativeScript 中滚动

Question

我一直在尝试将 NativeScript 与 Angular 结合使用来创建我的第一个移动应用程序，到目前为止效果非常好。不过最近，我运行遇到了这个页面无法滚动显示页面其余部分的问题。我在 Playground 中重新创建了这个，供你们也查看。我试过更改 ScrollView 和 StackLayouts 的顺序，但我似乎无法弄清楚为什么它不会滚动。这是游乐场：https://play.nativescript.org/?template=play-ng&id=rNYOHR

注意：我使用的是 iPhone 5S，所以一些手机更大的人可能可以看到全部内容，但我看不到。

Answer 1

我已经为您更新了 playground here。您在 class 中为 StackLayout 指定了高度，这就是这里的罪魁祸首。

.pageBackground{
    background-image: url('https://backgroundtown.com/content/images/thumbs/0002610_classic-texture-dark-cool-gray.jpeg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    /* height: 100% */
}

.main-container{
    /* height: 100%; */
    width: 100%;
    /* overflow-y: scroll; */
}

P.S。我在大屏幕上测试过 ios 很好。

ScrollView 不会在 NativeScript 中滚动

ScrollView doesn't scroll in NativeScript

nativescript

angular2-nativescript

angular