status-im/react-navigation
2
0
Fork 0
mirror of https://github.com/status-im/react-navigation.git synced 2025-02-24 09:08:15 +00:00
Code Issues Projects Releases Wiki Activity

revert TabBarBottom should hide itself when Keyboard is activated (#3013)

Browse Source
This commit is contained in:
Vojtech Novak 2017-11-21 02:18:35 +01:00 committed by Spencer Carli
parent 0a662c9835
commit 7f1fb8cdd8
1 changed files with 3 additions and 44 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
src/views/TabView/TabBarBottom.js
View File

@ -53,15 +53,11 @@ type Props = {
isLandscape: boolean,
};
type State = {
isVisible: boolean,
};
const majorVersion = parseInt(Platform.Version, 10);
const isIos = Platform.OS === 'ios';
const useHorizontalTabs = majorVersion >= 11 && isIos;
class TabBarBottom extends React.PureComponent<Props, State> {
class TabBarBottom extends React.PureComponent<Props> {
// See https://developer.apple.com/library/content/documentation/UserExperience/Conceptual/UIKitUICatalog/UITabBar.html
static defaultProps = {
activeTintColor: '#3478f6', // Default active tint color in iOS 10
@ -73,43 +69,6 @@ class TabBarBottom extends React.PureComponent<Props, State> {
allowFontScaling: true,
};
props: Props;
state: State = {
isVisible: true,
};
_keyboardDidShowSub = undefined;
_keyboardDidHideSub = undefined;
componentWillMount() {
this._keyboardDidShowSub = Keyboard.addListener(
'keyboardDidShow',
this._keyboardDidShow
);
this._keyboardDidHideSub = Keyboard.addListener(
'keyboardDidHide',
this._keyboardDidHide
);
}
componentWillUnmount() {
this._keyboardDidShowSub !== undefined && this._keyboardDidShowSub.remove();
this._keyboardDidHideSub !== undefined && this._keyboardDidHideSub.remove();
}
_keyboardDidShow = () => {
this.setState({
isVisible: false,
});
};
_keyboardDidHide = () => {
this.setState({
isVisible: true,
});
};
_renderLabel = (scene: TabScene) => {
const {
position,
@ -226,7 +185,7 @@ class TabBarBottom extends React.PureComponent<Props, State> {
style,
];
return this.state.isVisible ? (
return (
<Animated.View style={animateStyle}>
<SafeAreaView
style={tabBarStyle}
@ -278,7 +237,7 @@ class TabBarBottom extends React.PureComponent<Props, State> {
})}
</SafeAreaView>
</Animated.View>
) : null;
);
}
}