@quidone/react-native-wheel-picker
Version:
Picker is a UI component for selecting an item from a list of options.
36 lines (35 loc) • 959 B
JavaScript
;
import { useMemo } from 'react';
import { StyleSheet } from 'react-native';
import { DateUtils } from './date';
export const useOverlayItemStyle = ({
curUnit,
unitPositions,
propStyle
}) => {
return useMemo(() => {
if (DateUtils.isFirstUnitPosition(unitPositions, curUnit)) {
return [dateStyles.leftItemOverlay, propStyle];
} else if (DateUtils.isLastUnitPosition(unitPositions, curUnit)) {
return [dateStyles.rightItemOverlay, propStyle];
} else {
return [dateStyles.zeroBorderRadius, propStyle];
}
}, [curUnit, propStyle, unitPositions]);
};
export const dateStyles = StyleSheet.create({
leftItemOverlay: {
borderRadius: 0,
borderTopLeftRadius: 8,
borderBottomLeftRadius: 8
},
rightItemOverlay: {
borderRadius: 0,
borderTopRightRadius: 8,
borderBottomRightRadius: 8
},
zeroBorderRadius: {
borderRadius: 0
}
});
//# sourceMappingURL=useOverlayItemStyle.js.map