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

Fix partially shown drawers when orientation change on iOS (#3555)

Browse source
This commit is contained in:
Elias Nahum 2019-11-14 22:21:17 -05:00 committed by Miguel Alatzar
parent 96b78adf45
commit 6610a51a3d
2 changed files with 12 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
app/components/safe_area_view/safe_area_view.ios.js
View file

@ -86,7 +86,7 @@ export default class SafeAreaIos extends PureComponent {
if (DeviceTypes.IS_IPHONE_WITH_INSETS || mattermostManaged.hasSafeAreaInsets) {
const window = dimensions?.window || Dimensions.get('window');
const orientation = window.width > window.length ? LANDSCAPE : PORTRAIT;
const orientation = window.width > window.height ? LANDSCAPE : PORTRAIT;
const {safeAreaInsets} = await SafeArea.getSafeAreaInsetsForRootView();
this.setSafeAreaInsets(safeAreaInsets, orientation);
}

12
app/components/sidebars/drawer_layout.js
View file

@ -11,6 +11,7 @@ import {
Easing,
Keyboard,
PanResponder,
Platform,
StyleSheet,
TouchableWithoutFeedback,
View,
@ -119,6 +120,16 @@ export default class DrawerLayout extends Component {
componentDidMount() {
Dimensions.addEventListener('change', this.handleDimensionsChange);
if (Platform.OS === 'ios') {
// on iOS force closing the drawers to prevent them for partially showing
// when channging the device orientation, probably caused by RN61
Animated.timing(this.openValue, {
toValue: 0,
duration: 10,
easing: Easing.out(Easing.cubic),
useNativeDriver: this.props.useNativeAnimations,
}).start();
}
}
componentWillUnmount() {
@ -263,7 +274,6 @@ export default class DrawerLayout extends Component {
const {isTablet} = this.props;
const panHandlers = isTablet ? emptyObject : this._panResponder.panHandlers;
const containerStyles = [styles.container];
if (isTablet) {
containerStyles.push(styles.tabletContainer);
}