kylefang/react-navigation
1
0
Fork 0
mirror of https://github.com/zhigang1992/react-navigation.git synced 2026-02-09 09:13:32 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: fix layout when starting in landscape (#192)

Browse Source
This commit is contained in:
gewfy
2019-10-21 15:08:29 +02:00
parent ef1e400a28
commit 5c18bee2cf
1 changed files with 14 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
packages/tabs/src/utils/withDimensions.tsx
View File

@@ -18,15 +18,18 @@ export const isOrientationLandscape = ({ width, height }: DimensionsType) =>
export default function withDimensions<Props extends InjectedProps>(
WrappedComponent: React.ComponentType<Props>
): React.ComponentType<Pick<Props, Exclude<keyof Props, keyof InjectedProps>>> {
const { width, height } = Dimensions.get('window');
class EnhancedComponent extends React.Component {
static displayName = `withDimensions(${WrappedComponent.displayName})`;
state = {
dimensions: { width, height },
isLandscape: isOrientationLandscape({ width, height }),
};
constructor(props: Props) {
super(props);
const { width, height } = Dimensions.get('window');
this.state = {
dimensions: { width, height },
isLandscape: isOrientationLandscape({ width, height }),
};
}
componentDidMount() {
Dimensions.addEventListener('change', this.handleOrientationChange);
@@ -37,8 +40,11 @@ export default function withDimensions<Props extends InjectedProps>(
}
handleOrientationChange = ({ window }: { window: ScaledSize }) => {
const isLandscape = isOrientationLandscape(window);
this.setState({ isLandscape });
const { width, height } = window;
this.setState({
dimensions: { width, height },
isLandscape: isOrientationLandscape({ width, height }),
});
};
render() {