瀏覽代碼

[RN] Increase contrast and consistency in LoadingIndicator use cases

efficient_tiling
Lyubo Marinov 7 年之前
父節點
當前提交
1ea62215f6

+ 5
- 1
react/features/base/react/components/native/LoadingIndicator.js 查看文件

3
 import React, { Component } from 'react';
3
 import React, { Component } from 'react';
4
 import { ActivityIndicator } from 'react-native';
4
 import { ActivityIndicator } from 'react-native';
5
 
5
 
6
+import { ColorPalette } from '../../../styles';
7
+
6
 /**
8
 /**
7
  * An animated, large react-native {@link ActivityIndicator} which is considered
9
  * An animated, large react-native {@link ActivityIndicator} which is considered
8
  * a suitable visualization of long-running processes with indeterminate amounts
10
  * a suitable visualization of long-running processes with indeterminate amounts
19
         return (
21
         return (
20
             <ActivityIndicator
22
             <ActivityIndicator
21
                 animating = { true }
23
                 animating = { true }
22
-                size = { 'large' } />
24
+                color = { ColorPalette.white }
25
+                size = { 'large' }
26
+                { ...this.props } />
23
         );
27
         );
24
     }
28
     }
25
 }
29
 }

+ 1
- 1
react/features/welcome/components/WelcomePage.native.js 查看文件

109
             // modify non-native children.
109
             // modify non-native children.
110
             children = (
110
             children = (
111
                 <View>
111
                 <View>
112
-                    <LoadingIndicator />
112
+                    <LoadingIndicator color = { styles.buttonText.color } />
113
                 </View>
113
                 </View>
114
             );
114
             );
115
         } else {
115
         } else {

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

40
      */
40
      */
41
     buttonText: {
41
     buttonText: {
42
         alignSelf: 'center',
42
         alignSelf: 'center',
43
-        color: '#00ccff',
43
+        color: ColorPalette.blue,
44
         fontSize: 18
44
         fontSize: 18
45
     },
45
     },
46
 
46
 

Loading…
取消
儲存