react-native-modal-dropdown-picker
Version:
A customizable React Native modal dropdown picker component that lets you easily display one or more dropdown pickers in a modal. You can configure linked dropdowns (where the options of the second picker depend on the first) or independent dropdowns with
100 lines (99 loc) • 2.39 kB
TypeScript
export declare const styles: {
modalOverlay: {
flex: number;
backgroundColor: string;
justifyContent: "center";
alignItems: "center";
};
modalContainer: {
backgroundColor: string;
marginHorizontal: number;
padding: number;
borderRadius: number;
maxHeight: number;
width: number;
};
titleText: {
fontSize: number;
color: string;
fontWeight: "bold";
marginBottom: number;
textAlign: "center";
};
dropdownsWrapper: {
justifyContent: "space-between";
alignItems: "center";
marginVertical: number;
};
dropdownContainer: {
flex: number;
marginHorizontal: number;
marginVertical: number;
position: "relative";
};
dropdownButton: {
height: number;
backgroundColor: string;
paddingHorizontal: number;
borderWidth: number;
borderColor: string;
borderRadius: number;
flexDirection: "row";
alignItems: "center";
justifyContent: "space-between";
};
dropdownButtonText: {
fontSize: number;
flex: number;
};
arrowIndicator: {
fontSize: number;
textAlign: "center";
width: number;
};
dropdownOptionsContainer: {
position: "absolute";
top: number;
left: number;
right: number;
backgroundColor: string;
borderWidth: number;
borderColor: string;
borderRadius: number;
zIndex: number;
maxHeight: number;
};
option: {
padding: number;
};
optionText: {
fontSize: number;
};
buttonContainer: {
flexDirection: "row";
justifyContent: "space-around";
marginTop: number;
};
confirmButton: {
backgroundColor: string;
borderRadius: number;
alignItems: "center";
paddingVertical: number;
paddingHorizontal: number;
};
confirmButtonText: {
color: string;
fontSize: number;
};
cancelButton: {
backgroundColor: string;
borderRadius: number;
alignItems: "center";
paddingVertical: number;
paddingHorizontal: number;
};
cancelButtonText: {
color: string;
fontSize: number;
};
};