ScrollView doesn't scroll in NativeScriptHow to create user by Nativescript firebase plugin?nativescript-angular - UI won't update when running a callback from a serviceDynamically generating Angular2 Components for NativeScriptWhy is the ScrollView jumping up and down when returning to main view on iOS?Nativescript scroll to bottom of ScrollView programmaticallyNativeScript: ChildActivationStart Event getting triggered causing my page to redirectHow to stop ActivatedRoute.queryParams.subscribe to be called on back navigation?Custom components can't access default NativeScript directivesNativescript: several quick taps on the button creates multiply load of navigated pageNativeScript Angular: How do I redirectTo child nested route?
A Trivial Diagnosis
US tourist/student visa
Has the laser at Magurele, Romania reached a tenth of the Sun's power?
Review your own paper in Mathematics
How do you make your own symbol when Detexify fails?
Is this toilet slogan correct usage of the English language?
What to do when eye contact makes your coworker uncomfortable?
Creating two special characters
Why does AES have exactly 10 rounds for a 128-bit key, 12 for 192 bits and 14 for a 256-bit key size?
Can you use Vicious Mockery to win an argument or gain favours?
Quoting Keynes in a lecture
How much theory knowledge is actually used while playing?
Can I cause damage to electrical appliances by unplugging them when they are turned on?
When were female captains banned from Starfleet?
Change the color of a single dot in `ddot` symbol
Why do ¬, ∀ and ∃ have the same precedence?
What is Cash Advance APR?
How to make money from a browser who sees 5 seconds into the future of any web page?
"It doesn't matter" or "it won't matter"?
Why is the Sun approximated as a black body at ~ 5800 K?
Multiplicative persistence
Taxes on Dividends in a Roth IRA
Stack Interview Code methods made from class Node and Smart Pointers
Can I turn my anal-retentiveness into a career?
ScrollView doesn't scroll in NativeScript
How to create user by Nativescript firebase plugin?nativescript-angular - UI won't update when running a callback from a serviceDynamically generating Angular2 Components for NativeScriptWhy is the ScrollView jumping up and down when returning to main view on iOS?Nativescript scroll to bottom of ScrollView programmaticallyNativeScript: ChildActivationStart Event getting triggered causing my page to redirectHow to stop ActivatedRoute.queryParams.subscribe to be called on back navigation?Custom components can't access default NativeScript directivesNativescript: several quick taps on the button creates multiply load of navigated pageNativeScript Angular: How do I redirectTo child nested route?
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.
angular nativescript angular2-nativescript asked Mar 7 at 23:52
rcarcia02rcarcia02
3071722
add a comment |
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.
angular nativescript angular2-nativescript asked Mar 7 at 23:52
rcarcia02rcarcia02
3071722
Generally you wouldn't use % for margin / padding, just numbers (that defaults to DIP - Density Independent Pixel) should give decent spacing on all screen ranges.
– Manoj
Mar 8 at 14:44
@Manoj ahhhh. interesting. that fixed the problem that I was having with spacing! thank you so much!!
– rcarcia02
Mar 8 at 19:23
add a comment |
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.
angular nativescript angular2-nativescript asked Mar 7 at 23:52
rcarcia02rcarcia02
3071722
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.
angular nativescript angular2-nativescript angular nativescript angular2-nativescript asked Mar 7 at 23:52
rcarcia02rcarcia02
3071722
asked Mar 7 at 23:52
rcarcia02rcarcia02
3071722
asked Mar 7 at 23:52
rcarcia02rcarcia02
3071722
asked Mar 7 at 23:52
rcarcia02rcarcia02
3071722
asked Mar 7 at 23:52
rcarcia02rcarcia02
3071722
3071722
Generally you wouldn't use % for margin / padding, just numbers (that defaults to DIP - Density Independent Pixel) should give decent spacing on all screen ranges.
– Manoj
Mar 8 at 14:44
@Manoj ahhhh. interesting. that fixed the problem that I was having with spacing! thank you so much!!
– rcarcia02
Mar 8 at 19:23
add a comment |
Generally you wouldn't use % for margin / padding, just numbers (that defaults to DIP - Density Independent Pixel) should give decent spacing on all screen ranges.
– Manoj
Mar 8 at 14:44
@Manoj ahhhh. interesting. that fixed the problem that I was having with spacing! thank you so much!!
– rcarcia02
Mar 8 at 19:23
Generally you wouldn't use % for margin / padding, just numbers (that defaults to DIP - Density Independent Pixel) should give decent spacing on all screen ranges.
– Manoj
Mar 8 at 14:44
Generally you wouldn't use % for margin / padding, just numbers (that defaults to DIP - Density Independent Pixel) should give decent spacing on all screen ranges.
– Manoj
Mar 8 at 14:44
@Manoj ahhhh. interesting. that fixed the problem that I was having with spacing! thank you so much!!
– rcarcia02
Mar 8 at 19:23
@Manoj ahhhh. interesting. that fixed the problem that I was having with spacing! thank you so much!!
– rcarcia02
Mar 8 at 19:23
add a comment |
1 Answer
1
active
oldest
votes
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.
answered Mar 8 at 0:47
Narendra MongiyaNarendra Mongiya
1,8651822
this is awesome. is there any reason that this completely get rid of all of the vertical spacing that I had? before: imgur.com/FtVYPXT, after: imgur.com/JgshVuX
– rcarcia02
Mar 8 at 3:21
May be something to do withform-controlclass.
– Narendra Mongiya
Mar 8 at 3:26
add a comment |
Your Answer
StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55054666%2fscrollview-doesnt-scroll-in-nativescript%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
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.
answered Mar 8 at 0:47
Narendra MongiyaNarendra Mongiya
1,8651822
this is awesome. is there any reason that this completely get rid of all of the vertical spacing that I had? before: imgur.com/FtVYPXT, after: imgur.com/JgshVuX
– rcarcia02
Mar 8 at 3:21
May be something to do withform-controlclass.
– Narendra Mongiya
Mar 8 at 3:26
add a comment |
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.
answered Mar 8 at 0:47
Narendra MongiyaNarendra Mongiya
1,8651822
this is awesome. is there any reason that this completely get rid of all of the vertical spacing that I had? before: imgur.com/FtVYPXT, after: imgur.com/JgshVuX
– rcarcia02
Mar 8 at 3:21
May be something to do withform-controlclass.
– Narendra Mongiya
Mar 8 at 3:26
add a comment |
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.
answered Mar 8 at 0:47
Narendra MongiyaNarendra Mongiya
1,8651822
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.
answered Mar 8 at 0:47
Narendra MongiyaNarendra Mongiya
1,8651822
answered Mar 8 at 0:47
Narendra MongiyaNarendra Mongiya
1,8651822
answered Mar 8 at 0:47
Narendra MongiyaNarendra Mongiya
1,8651822
answered Mar 8 at 0:47
Narendra MongiyaNarendra Mongiya
1,8651822
1,8651822
this is awesome. is there any reason that this completely get rid of all of the vertical spacing that I had? before: imgur.com/FtVYPXT, after: imgur.com/JgshVuX
– rcarcia02
Mar 8 at 3:21
May be something to do withform-controlclass.
– Narendra Mongiya
Mar 8 at 3:26
add a comment |
this is awesome. is there any reason that this completely get rid of all of the vertical spacing that I had? before: imgur.com/FtVYPXT, after: imgur.com/JgshVuX
– rcarcia02
Mar 8 at 3:21
May be something to do withform-controlclass.
– Narendra Mongiya
Mar 8 at 3:26
this is awesome. is there any reason that this completely get rid of all of the vertical spacing that I had? before: imgur.com/FtVYPXT, after: imgur.com/JgshVuX
– rcarcia02
Mar 8 at 3:21
this is awesome. is there any reason that this completely get rid of all of the vertical spacing that I had? before: imgur.com/FtVYPXT, after: imgur.com/JgshVuX
– rcarcia02
Mar 8 at 3:21
May be something to do with
form-control class.– Narendra Mongiya
Mar 8 at 3:26
May be something to do with
form-control class.– Narendra Mongiya
Mar 8 at 3:26
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55054666%2fscrollview-doesnt-scroll-in-nativescript%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Generally you wouldn't use % for margin / padding, just numbers (that defaults to DIP - Density Independent Pixel) should give decent spacing on all screen ranges.
– Manoj
Mar 8 at 14:44
@Manoj ahhhh. interesting. that fixed the problem that I was having with spacing! thank you so much!!
– rcarcia02
Mar 8 at 19:23