forked from CanonicalLtd/react-native
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathActivityIndicator.js
More file actions
69 lines (58 loc) · 1.41 KB
/
ActivityIndicator.js
File metadata and controls
69 lines (58 loc) · 1.41 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
/**
* Copyright (C) 2016, Canonical Ltd.
* All rights reserved.
*
* This source code is licensed under the BSD-style license found in the
* LICENSE file in the root directory of this source tree. An additional grant
* of patent rights can be found in the PATENTS file in the same directory.
*
* Author: Justin McPherson <justin.mcpherson@canonical.com>
*
* @providesModule ActivityIndicator
* @flow
*/
'use strict';
var React = require('react');
var ReactNative = require('react-native');
var PropTypes = require('ReactPropTypes');
var requireNativeComponent = require('requireNativeComponent');
var {
View,
StyleSheet,
} = ReactNative;
var UbuntuActivityIndicator = requireNativeComponent('UbuntuActivityIndicator', null);
var ActivityIndicator = React.createClass({
propTypes: {
animating: PropTypes.bool,
size: PropTypes.oneOf([
'small',
'large',
]),
},
getDefaultProps: function() {
return {
animating: true,
size: 'small',
};
},
render: function() {
var { animating, size } = this.props;
return (
<UbuntuActivityIndicator
style={size === 'large' ? styles.sizeLarge : styles.sizeSmall}
running={animating}>
</UbuntuActivityIndicator>
);
}
});
var styles = StyleSheet.create({
sizeSmall: {
width: 20,
height: 20,
},
sizeLarge: {
width: 36,
height: 36,
}
});
module.exports = ActivityIndicator;