Picker style is not working

RN 0.55.4 “name”: “react-native-picker-select”, “version”: “3.1.1”,

<View style={{flex: 1}} >
    <Text style={{color: '#0082c6', fontSize: 16, fontWeight: 'bold', marginLeft: 5}}>SEXO</Text>
    <RNPickerSelect
        placeholder={{
            label: 'Seu Sexo',
            value: '',
        }}
        items={this.state.items}
        onValueChange={(value) => {
            this.setState({
                sexo: value,
            });
        }}
        style={{ backgroundColor: '#000' }}
    />  
</View>

I’ve tried to change the style to approximate the Picker box to the label “SEXO” but none type of styling is working. How to fix that?

Image to understand it better: img

[sturmenta]

I use like this:

const pickerStyle = {
	inputIOS: {
		color: 'white',
		paddingTop: 13,
		paddingHorizontal: 10,
		paddingBottom: 12,
	},
	inputAndroid: {
		color: 'white',
	},
	placeholderColor: 'white',
	underline: { borderTopWidth: 0 },
	icon: {
		position: 'absolute',
		backgroundColor: 'transparent',
		borderTopWidth: 5,
		borderTopColor: '#00000099',
		borderRightWidth: 5,
		borderRightColor: 'transparent',
		borderLeftWidth: 5,
		borderLeftColor: 'transparent',
		width: 0,
		height: 0,
		top: 20,
		right: 15,
	},
};

<PickerSelect
	selectedValue={this.state.moreLessSelected}
	placeholder={{}}
	onValueChange={itemValue => this.setState({ moreLessSelected: itemValue })}
	style={pickerStyle}
	items={[
		{ label: 'More', value: '>' },
		{ label: 'Less', value: '<' },
	]}
/>

And working good 🤟🏻

[meliodev]

<RNPickerSelect … style={pickerSelectStyles} useNativeAndroidPickerStyle={false} // add this line and it should work />