@react-native-ohos/react-native-neomorph-shadows
Version:
Shadows and neumorphism/neomorphism UI for iOS & Android (like iOS).
50 lines (43 loc) • 1.01 kB
JavaScript
import { ViewPropTypes } from 'react-native';
import PropTypes,{ number, shape, string, node, bool } from 'prop-types';
export const ShadowARTType = {
width: number.isRequired,
height: number.isRequired,
borderRadius: number,
shadowRadius: number,
shadowOffset: shape({
x: number,
y: number,
}),
shadowOpacity: number,
shadowColor: string,
backgroundColor: string,
};
export const InnerShadowType = {
...PropTypes,
children: node,
style: shape({
...PropTypes.style,
width: number.isRequired,
height: number.isRequired,
}),
};
export const OuterShadowType = {
...InnerShadowType,
inner: bool,
useArt: bool,
};
export const NeomorphType = {
...OuterShadowType,
darkShadowColor: string,
lightShadowColor: string,
swapShadows: bool,
};
export const NeomorphFlexType = {
...NeomorphType,
style: PropTypes.style,
};
export const ShadowFlexType = {
...OuterShadowType,
style: PropTypes.style,
};