-
Notifications
You must be signed in to change notification settings - Fork 63
/
index.js
72 lines (57 loc) · 1.83 KB
/
index.js
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
70
71
72
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _react = require('react');
var _react2 = _interopRequireDefault(_react);
var _propTypes = require('prop-types');
var _propTypes2 = _interopRequireDefault(_propTypes);
var _reactNative = require('react-native');
var _reactNativeMeasureme = require('react-native-measureme');
var _reactNativeMeasureme2 = _interopRequireDefault(_reactNativeMeasureme);
var _util = require('../util');
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var Dash = function Dash(props) {
var isRow = (0, _util.isStyleRow)(props.style);
var length = isRow ? props.width : props.height;
var n = Math.ceil(length / (props.dashGap + props.dashLength));
var calculatedDashStyles = (0, _util.getDashStyle)(props);
var dash = [];
for (var i = 0; i < n; i++) {
dash.push(_react2.default.createElement(_reactNative.View, {
key: i,
style: [calculatedDashStyles, props.dashStyle]
}));
}
return _react2.default.createElement(
_reactNative.View,
{
onLayout: props.onLayout,
style: [props.style, isRow ? styles.row : styles.column]
},
dash
);
}; /*
* Draws fully customizable dashed lines vertically or horizontally
*
* @providesModule Dash
*/
var styles = _reactNative.StyleSheet.create({
row: { flexDirection: 'row' },
column: { flexDirection: 'column' }
});
Dash.propTypes = {
style: _reactNative.ViewPropTypes.style,
dashGap: _propTypes2.default.number.isRequired,
dashLength: _propTypes2.default.number.isRequired,
dashThickness: _propTypes2.default.number.isRequired,
dashColor: _propTypes2.default.string,
dashStyle: _reactNative.ViewPropTypes.style
};
Dash.defaultProps = {
dashGap: 2,
dashLength: 4,
dashThickness: 2,
dashColor: 'black'
};
exports.default = (0, _reactNativeMeasureme2.default)(Dash);