@mustapha-ghlissi/react-native-select-picker
Version:
React Native Select Picker: Reanimated dropdown select compatible with Android, IOS and Web
66 lines • 1.39 kB
JavaScript
import { StyleSheet } from 'react-native';
const styles = StyleSheet.create({
dropdownInputContainer: {
borderRadius: 6,
overflow: 'hidden'
},
focusedDropdownInputContainer: {
borderBottomStartRadius: 0,
borderBottomEndRadius: 0
},
dropdownToggler: {
height: 48,
paddingLeft: 10,
flexDirection: 'row',
justifyContent: 'space-between',
alignItems: 'center'
},
dropdownText: {
flex: 1,
fontFamily: 'Montserrat-Medium',
fontSize: 16,
color: '#C7C7C7'
},
activeDropdownText: {
color: '#000'
},
iconContainer: {
paddingHorizontal: 10,
height: '100%',
alignItems: 'center',
justifyContent: 'center'
},
dropdownList: {
position: 'absolute',
right: 0,
left: 0,
zIndex: 20,
backgroundColor: '#FFF',
borderBottomLeftRadius: 6,
borderBottomRightRadius: 6,
borderTopWidth: 0,
overflow: 'hidden'
},
dropdownItem: {
backgroundColor: 'transparent',
paddingHorizontal: 10,
height: 48,
flexDirection: 'row',
alignItems: 'center',
justifyContent: 'center'
},
activeDropdownItem: {
backgroundColor: '#145DA0'
},
dropdownItemText: {
flex: 1,
fontFamily: 'Montserrat-Medium',
fontSize: 16,
color: '#000'
},
activeDropdownItemText: {
color: '#FFF'
}
});
export default styles;
//# sourceMappingURL=style.js.map