CODEWITHSUNDEEP
angularnativescriptangular2-nativescript
rcarcia02
rcarcia02

Reputation: 967

ScrollView doesn't scroll in NativeScript

I've been trying to use NativeScript with Angular to create my first mobile application and have been doing pretty well so far. Recently though, I've ran into this problem where the page won't scroll to show me the rest of the page. I've re-created this in the Playground for you guys to see as well. I've tried changing the order that the ScrollView and StackLayouts are but I can't seem to figure out why it won't scroll. Here's the Playground: https://play.nativescript.org/?template=play-ng&id=rNYOHR

Note: I'm on an iPhone 5S so some people out there with bigger phones might be able to see the whole thing, but I can't.

Upvotes: 0

Views: 846

Answers (1)

Narendra
Narendra

Reputation: 4574

I have updated the playground for you here. You have given height for the StackLayout in class and that is the culprit here.

.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. I have tested on larger screen ios well.

Upvotes: 2

Related Questions