瀏覽代碼

[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.
master
Saúl Ibarra Corretgé 8 年之前
父節點
當前提交
573ca97b6c
共有 2 個檔案被更改,包括 12 行新增0 行删除
  1. 6
    0
      react/features/conference/components/styles.js
  2. 6
    0
      react/features/welcome/components/styles.js

+ 6
- 0
react/features/conference/components/styles.js 查看文件

18
     conference: {
18
     conference: {
19
         alignSelf: 'stretch',
19
         alignSelf: 'stretch',
20
         backgroundColor: ColorPalette.appBackground,
20
         backgroundColor: ColorPalette.appBackground,
21
+
22
+        // XXX These properties are a workaround for Android views clipping,
23
+        // RN doesn't properly blit our overlays on top of video views.
24
+        borderColor: ColorPalette.appBackground,
25
+        borderWidth: 0.2,
26
+
21
         flex: 1
27
         flex: 1
22
     },
28
     },
23
 
29
 

+ 6
- 0
react/features/welcome/components/styles.js 查看文件

38
     container: {
38
     container: {
39
         alignSelf: 'stretch',
39
         alignSelf: 'stretch',
40
         backgroundColor: ColorPalette.blue,
40
         backgroundColor: ColorPalette.blue,
41
+
42
+        // XXX These properties are a workaround for Android views clipping,
43
+        // RN doesn't properly blit our overlays on top of video views.
44
+        borderColor: ColorPalette.appBackground,
45
+        borderWidth: 0.2,
46
+
41
         flex: 1
47
         flex: 1
42
     },
48
     },
43
 
49
 

Loading…
取消
儲存