Skip to content

How to remove the border in picker in iOS.  #28766

Closed
@nihp

Description

@nihp

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>

Screenshot 2020-04-27 at 7 46 26 PM

Metadata

Metadata

Assignees

No one assigned

    Labels

    Needs: AttentionIssues where the author has responded to feedback.Needs: Environment InfoPlease run `react-native info` and edit your issue with that command's output.Platform: iOSiOS applications.StaleThere has been a lack of activity on this issue and it may be closed soon.

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions