[RN] Add a "reduced UI" mode

It's detected based on a size threshold.
This commit is contained in:
Saúl Ibarra Corretgé
2018-02-02 14:39:27 +01:00
committed by Lyubo Marinov
parent c9d8b5c827
commit 5305557ce5
7 changed files with 130 additions and 5 deletions

View File

@@ -7,7 +7,10 @@ import { Linking } from 'react-native';
import '../../analytics';
import '../../authentication';
import { Platform } from '../../base/react';
import { AspectRatioDetector } from '../../base/responsive-ui';
import {
AspectRatioDetector,
ReducedUIDetector
} from '../../base/responsive-ui';
import '../../mobile/audio-mode';
import '../../mobile/background';
import '../../mobile/callkit';
@@ -97,7 +100,9 @@ export class App extends AbstractApp {
_createElement(component, props) {
return (
<AspectRatioDetector>
{ super._createElement(component, props) }
<ReducedUIDetector>
{ super._createElement(component, props) }
</ReducedUIDetector>
</AspectRatioDetector>
);
}

View File

@@ -1,6 +1,7 @@
import { AtlasKitThemeProvider } from '@atlaskit/theme';
import React from 'react';
import '../../base/responsive-ui';
import { getLocationContextRoot } from '../../base/util';
import '../../room-lock';