[RN] Add workaround for Android view clipping

Looks like Android gets confused as to what surface to blit when we hide or
show toolbars. Setting a border on the container, seems to force the entire
area to blit properly.

Other attempted approaches, with no success:
- zIndex of -100
- width and height of 0
- opacity of 0 and setting 'disabled' on touch containers

This patch applies the workaround in the welcome page and conference containers.
This commit is contained in:
Saúl Ibarra Corretgé 2017-02-09 12:02:06 +01:00 committed by Lyubomir Marinov
parent 0d97f14a1a
commit 573ca97b6c
2 changed files with 12 additions and 0 deletions

View File

@ -18,6 +18,12 @@ export const styles = createStyleSheet({
conference: { conference: {
alignSelf: 'stretch', alignSelf: 'stretch',
backgroundColor: ColorPalette.appBackground, backgroundColor: ColorPalette.appBackground,
// XXX These properties are a workaround for Android views clipping,
// RN doesn't properly blit our overlays on top of video views.
borderColor: ColorPalette.appBackground,
borderWidth: 0.2,
flex: 1 flex: 1
}, },

View File

@ -38,6 +38,12 @@ export const styles = createStyleSheet({
container: { container: {
alignSelf: 'stretch', alignSelf: 'stretch',
backgroundColor: ColorPalette.blue, backgroundColor: ColorPalette.blue,
// XXX These properties are a workaround for Android views clipping,
// RN doesn't properly blit our overlays on top of video views.
borderColor: ColorPalette.appBackground,
borderWidth: 0.2,
flex: 1 flex: 1
}, },