Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Giant space on Android #50

Open
hsavit1 opened this issue May 26, 2020 · 10 comments
Open

Giant space on Android #50

hsavit1 opened this issue May 26, 2020 · 10 comments

Comments

@hsavit1
Copy link

hsavit1 commented May 26, 2020

Using galaxy note 8 / Android 9 in the example expo repo

Screenshot_20200526-122537_Expo

@felipebergamin
Copy link

I'm having the same problem... Are you using the accessory view with 'androidAdjustResize' option?
I had to use it without this option to work.

@jonathanroze
Copy link

I've the same issue on IOS and Android...

@JulianKingman
Copy link

Same issue

@rheng001
Copy link

Any updates on this issue? Having same problem

@willadamskeane
Copy link

Having this issue as well.

@Roka20012
Copy link

  1. Does somebody checked this example from README.md? example
  2. Can somebody provide a code snippet, how you use it?

@Twisterking
Copy link

Same problem here, this seems to be broken :( I have a very very basic setup and no matter what I do, the <View/> seems to sit at double the height where it should!

@sudheerpal
Copy link

Did any one got the solution for extra white space?
Its appearing on selected sizes of device.

keyboardRn

@kosbog
Copy link

kosbog commented Nov 20, 2020

Just set androidAdjustResize = true. I'm using a KeyboardAccessoryNavigation component. Don't forget to set flex: 1 to parent element.
My working example on iOS & Android:

<ScrollView
      style={[styles.container, { paddingTop: headerHeight }]}
      contentContainerStyle={[styles.containerContent]}>
     ....
     ....
    <KeyboardAccessoryNavigation
        nextHidden
        previousHidden
        hideBorder
        androidAdjustResize
        {null}
    </KeyboardAccessoryNavigation>
</ScrollView>

const styles = StyleSheet.create({
  container: {
    flex: 1,
  },
  containerContent: {
    flex: 1,
  },
});

@mayconmesquita
Copy link

@kosbog thanks! Your solution works good.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests