react-native-picker-modal-view/src/Assets/Styles/SelectBoxStyle.ts

React Native Picker Modal View

// Global Imports
import { StyleSheet, ViewStyle, TextStyle, ImageStyle, View } from 'react-native';

export const SelectBoxStyle = StyleSheet.create({
	container: {
		backgroundColor: '#fff',
		paddingHorizontal: 10,
		paddingVertical: 10,
		position: 'relative',
		borderWidth: 1,
		borderColor: '#9E9E9E',
		justifyContent: 'space-between',
		flexDirection: 'row',
		alignContent: 'center',
		alignItems: 'center',
	} as ViewStyle,
	chooseText: {
		fontWeight: '500',
	} as TextStyle,
	downBtn: {
		width: 10,
		height: 10,
	} as ImageStyle,
	pressBtn: {
		marginVertical: 10,
	} as ViewStyle,
	disabledBtn: {
		borderColor: '#ddd',
	} as ViewStyle,
	disabledTxt: {
		color: '#ddd',
	} as TextStyle,
	disabledImage: {
		opacity: 0.2,
	} as ImageStyle,
});