Skip to content

Conversation

congnguyen91
Copy link

@congnguyen91 congnguyen91 commented Jul 14, 2021

  • I am using react-native-navigation with bottomTabs with a long form. When the keyboard is visible, the topBar is hidden.
    So I fixed this with tabBarHeight props (a new props instead of the default)
const _KAM_DEFAULT_TAB_BAR_HEIGHT: number = isIphoneX() ? 83 : 49

).

My solution:

import { hasNotch } from 'react-native-device-info';
...
 <KeyboardAwareScrollView
          viewIsInsideTabBar={true}
          tabBarHeight={hasNotch() ? 83 : 64}
          ...

Screen Shot 2021-07-14 at 16 16 13

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

Successfully merging this pull request may close these issues.

1 participant