react-native-keyboard-aware-scroll-view icon indicating copy to clipboard operation
react-native-keyboard-aware-scroll-view copied to clipboard

add tabbar height props instead of default

Open congnguyen91 opened this issue 3 years ago • 0 comments

  • 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

congnguyen91 avatar Jul 14 '21 11:07 congnguyen91