react-native-ruler-view
Version:
⚡ Lightning-fast and customizable Ruler Picker component for React Native
70 lines • 1.88 kB
TypeScript
import { RulerTheme } from '../utils/types';
export declare const getStyles: (height: number, width: number, vertical: boolean, indicatorHeight: number, stepWidth: number, longStepHeight: number, activeTheme: RulerTheme) => {
container: {
width: number;
height: number;
backgroundColor: string;
flexDirection: "row" | "column";
paddingTop: "10%";
};
rulerContainer: {
overflow: "hidden";
borderRadius: number;
margin: number;
width: number;
height: number | undefined;
flexGrow: number;
alignSelf: "center" | undefined;
};
rulerContent: {
marginTop: number;
paddingBottom: number;
paddingRight: number;
alignItems: "center";
};
indicator: {
position: "relative";
alignSelf: "center";
top: number;
left: "-43%" | -5;
width: number;
height: number;
backgroundColor: string;
};
displayTextContainer: {
flexDirection: "row" | "column";
alignSelf: "center";
marginBottom: number;
alignItems: "center";
marginTop: number;
marginLeft: number;
};
valueText: {
fontSize: number;
fontWeight: "800";
margin: number;
padding: number;
color: string;
maxWidth: number;
};
unitText: {
fontSize: number;
fontWeight: "400";
marginLeft: number;
color: string;
};
selectedText: {
flexDirection: "row";
minHeight: number;
minWidth: number;
justifyContent: "center";
};
text: {
textAlign: "center";
height: number | undefined;
width: number | undefined;
maxWidth: number;
fontSize: number;
};
};
//# sourceMappingURL=RulerPicker.styles.d.ts.map