@liuyunjs/react-native-simple-shadow-view
Version:
a Native shadow view for react native, for any React Native platform.
15 lines • 1.45 kB
JavaScript
import { __assign } from "tslib";
import React from 'react';
import { requireNativeComponent, View, StyleSheet, } from 'react-native';
var RNTShadowView = requireNativeComponent('RNTShadowView');
export var ShadowView = React.forwardRef(function (props, ref) {
var style = props.style;
var flattenedStyle = StyleSheet.flatten(style);
var shadowColor = flattenedStyle.shadowColor, shadowOffset = flattenedStyle.shadowOffset, shadowOpacity = flattenedStyle.shadowOpacity, shadowRadius = flattenedStyle.shadowRadius, borderRadius = flattenedStyle.borderRadius, backgroundColor = flattenedStyle.backgroundColor, borderWidth = flattenedStyle.borderWidth, borderColor = flattenedStyle.borderColor;
if (!shadowRadius || shadowOpacity === 0) {
return React.createElement(View, __assign({}, props, { ref: ref }));
}
var _a = shadowOffset || {}, shadowOffsetX = _a.width, shadowOffsetY = _a.height;
return (React.createElement(RNTShadowView, __assign({}, props, { style: flattenedStyle, ref: ref, borderWidth: borderWidth, borderColor: borderColor !== undefined ? borderColor : 'black', backgroundColor: backgroundColor, borderRadius: borderRadius, shadowColor: shadowColor !== undefined ? shadowColor : 'black', shadowOffsetX: shadowOffsetX, shadowOffsetY: shadowOffsetY, shadowOpacity: shadowOpacity !== undefined ? shadowOpacity : 0, shadowRadius: shadowRadius })));
});
//# sourceMappingURL=ShadowView.android.js.map