Closed
Description
I need to remove the border which shown default from the picker. I have designed the border grey color with 1.5 boderWidth. But it shows a border in a thin line. Kindly refer the attached image. Any solution
import { Picker } from 'react-native';
<View style={{display: 'flex', flexDirection: 'row',borderColor:"transparent", alignItems: 'center',marginBottom:13,}}>
<Picker
style={{paddingHorizontal: 1, borderWidth:1.5, borderRadius:4,borderRightWidth:1, borderColor: isValidNumber ? 'grey': 'red', color: 'red', flex:0.5}}
itemStyle={{height: 47,backgroundColor: "white",borderColor:"transparent",fontSize: 15, fontWeight:'400'}}
>
<Picker.Item style={{borderColor:"transparent"}} key={dialCode} value={dialCode} label={dialCode} />
</Picker>
<View>