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

Created on 22 Nov 2017 · 6Comments · Source: GeekyAnts/NativeBase

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

@beausmith @aaray @designorant @MarceloAlves @yosmanyga

awaiting response

Source

giantss

👍1

Most helpful comment

@lucianomlima can you try something like this

      <Container>
        <Header />
        <Content contentContainerStyle={{ flex: 1 }} scrollEnabled={false}>
          <ScrollView>

          {/* Content here */}

          </ScrollView>

           {/* Footer content here */}

        </Content>
      </Container>

akhil-geekyants on 5 Jan 2018

👍3

All 6 comments

Have same problem!

lucianomlima on 28 Dec 2017

Footer is designed to be fixed at the bottom and not scrollable. In this case, you can move the Footer's content to <Content/> and fix it at the bottom.

akhil-geekyants on 4 Jan 2018

But when keyboard shows, the bottom is under keyboard or above keyboard?
I fix replace Content with ScrollView + KeyboardAvoidView, but is unstable for Android and iOS.

lucianomlima on 4 Jan 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>

akhil-geekyants on 5 Jan 2018

👍3

@SupriyaKalghatgi why close this issue? It's not resolved yet.
@akhil-geekyants I will try.

lucianomlima on 5 Jan 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