@quidone/react-native-wheel-picker
Version:
Picker is a UI component for selecting an item from a list of options.
34 lines (33 loc) • 804 B
JavaScript
;
import React, { memo } from 'react';
import { StyleSheet, View } from 'react-native';
import { jsx as _jsx } from "react/jsx-runtime";
const Overlay = ({
itemHeight,
overlayItemStyle
}) => {
return /*#__PURE__*/_jsx(View, {
style: [styles.overlayContainer],
pointerEvents: 'none',
children: /*#__PURE__*/_jsx(View, {
style: [styles.selection, {
height: itemHeight
}, overlayItemStyle]
})
});
};
const styles = StyleSheet.create({
overlayContainer: {
...StyleSheet.absoluteFillObject,
justifyContent: 'center',
alignItems: 'center'
},
selection: {
opacity: 0.05,
backgroundColor: '#000',
borderRadius: 8,
alignSelf: 'stretch'
}
});
export default /*#__PURE__*/memo(Overlay);
//# sourceMappingURL=Overlay.js.map