question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Why flex style don't work ?

See original GitHub issue

I did this <KeyboardAwareScrollView style={{flex:1}}> to get a page with footer at the end but it don’t work ,despite it work if i did <View style={{flex:1}}>.

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Comments:19

github_iconTop GitHub Comments

44reactions
nasimoyzcommented, Feb 6, 2018

@kilaniba I think you need to apply it to its internal contentContainerStyle instead: <KeyboardAwareScrollView contentContainerStyle={{flex:1}}>

25reactions
skaptoxcommented, Oct 26, 2019

@danwoodbury

According to #99

<KeyboardAwareScrollView
  contentContainerStyle={{flexGrow: 1}}
>
   // children go here
</KeyboardAwareScrollView>
Read more comments on GitHub >

github_iconTop Results From Across the Web

css - display:flex not working in Chrome
This worked perfectly in Firefox, but I'm working on the mobile version of my site and added box-sizing:border-box; to my code. This messed...
Read more >
Flexbox not working - HTML-CSS
Display flex is not working on fieldset element with text-box class. html code <section id="contact"> <form> <fieldset class="text-box"> ...
Read more >
flex-wrap - CSS: Cascading Style Sheets - MDN Web Docs
The flex-wrap CSS property sets whether flex items are forced onto one line or can wrap onto multiple lines. If wrapping is allowed, ......
Read more >
Display: Flex not working : r/css
Hello everyone I am trying to display tables side by using display flex. But its not showing. Can anyone guide me on this....
Read more >
A Complete Guide to Flexbox
It is not exclusively for flexbox, gap works in grid and multi-column layout as well. Properties for the Children (flex items). order.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found