toki/mattermost-mobile
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

Fix keyboard avoiding view when switching keyboard (#1314)

Browse source
This commit is contained in:
enahum 2017-12-22 16:06:05 -03:00 committed by GitHub
parent 86efb2d321
commit 28813e313e
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 13 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
app/components/layout/keyboard_layout/keyboard_layout.js
View file

@ -23,6 +23,7 @@ export default class KeyboardLayout extends PureComponent {
constructor(props) {
super(props);
this.subscriptions = [];
this.count = 0;
this.state = {
bottom: new Animated.Value(0)
};
@ -31,7 +32,8 @@ export default class KeyboardLayout extends PureComponent {
componentWillMount() {
if (Platform.OS === 'ios') {
this.subscriptions = [
Keyboard.addListener('keyboardWillChangeFrame', this.onKeyboardChange)
Keyboard.addListener('keyboardWillChangeFrame', this.onKeyboardChange),
Keyboard.addListener('keyboardWillHide', this.onKeyboardWillHide)
];
}
}
@ -40,20 +42,22 @@ export default class KeyboardLayout extends PureComponent {
this.subscriptions.forEach((sub) => sub.remove());
}
onKeyboardWillHide = (e) => {
const {duration} = e;
Animated.timing(this.state.bottom, {
toValue: 0,
duration
}).start();
};
onKeyboardChange = (e) => {
if (!e) {
this.setState({bottom: new Animated.Value(0)});
return;
}
const {endCoordinates, duration, startCoordinates} = e;
let height = 0;
if (startCoordinates.height < endCoordinates.height || endCoordinates.screenY < startCoordinates.screenY) {
height = endCoordinates.height;
}
this.setState({bottom: new Animated.Value(height)});
const {endCoordinates, duration} = e;
const {height} = endCoordinates;
Animated.timing(this.state.bottom, {
toValue: height,
duration