scizers-react-native-circular-progress-indicator
Version:
React Native customizable circular progress indicator
47 lines (39 loc) • 1.13 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _react = _interopRequireDefault(require("react"));
var _reactNative = require("react-native");
var _colors = _interopRequireDefault(require("../../utils/colors"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
const StartMarker = _ref => {
let {
children,
size = 20,
backgroundColor = null,
position,
containerStyle = {}
} = _ref;
return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
style: [styles.container, {
width: size,
height: size,
borderRadius: size / 2,
backgroundColor: backgroundColor || _colors.default.TRANSPARENT,
left: position.x - size / 2,
top: position.y - size / 2
}, containerStyle]
}, children);
};
const styles = _reactNative.StyleSheet.create({
container: {
position: 'absolute',
alignItems: 'center',
justifyContent: 'center',
zIndex: 10
}
});
var _default = StartMarker;
exports.default = _default;
//# sourceMappingURL=index.js.map