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.

When `TextInput` gets the focus, the `<Footer>` can't be topped up for ios

See original GitHub issue

When TextInput gets the focus, the <Footer> can’t be topped up for ios,help… image image @beausmith @aaray @designorant @MarceloAlves @yosmanyga

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Reactions:1
  • Comments:6 (6 by maintainers)

github_iconTop GitHub Comments

3reactions
akhil-gacommented, Jan 5, 2018

@lucianomlima can you try something like this

      <Container>
        <Header />
        <Content contentContainerStyle={{ flex: 1 }} scrollEnabled={false}>
          <ScrollView>
       
          {/* Content here */}
         
          </ScrollView>
        
           {/* Footer content here */}
          
        </Content>
      </Container>
1reaction
SupriyaKalghatgicommented, Jan 8, 2018

@lucianomlima As explained above, Footer component is something which remains fixed at bottom of screen. And your requirement is to have it scrollable, which is something specific to your project requirement. hence closed this after providing proper workaround

Read more comments on GitHub >

github_iconTop Results From Across the Web

Ionic iOS Keyboard Causing Footer To Snap Up
When the input is focused on this footer, the keyboard triggers and after the keyboard has fully shown, the footer then jarringly snaps...
Read more >
Stack >= 5.5.0 causes TextInput to lose focus #8414 - GitHub
When tapping a TextInput to make the on-screen keyboard appear, the TextInput immediately loses focus which makes the keyboard disappear.
Read more >
Focus and selection - Inputs - Human Interface Guidelines
Focus visually identifies the onscreen object that will respond to interactions like a mouse click, a keyboard command, or a button press on...
Read more >
Click on input levels up the footer on the keyboard whitout ...
I'm making an app which contains a header, a content and a footer containing a button. ... So I can't stay focus on...
Read more >
How to make your React Native app respond gracefully when ...
When you're working with React Native apps, a common problem is that the keyboard will pop up and hide text inputs when you...
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