Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Closed
nihp opened this issue Apr 27, 2020 · 7 comments
Closed

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

nihp opened this issue Apr 27, 2020 · 7 comments
Labels
Needs: Attention Issues where the author has responded to feedback. Needs: Environment Info Please run `react-native info` and edit your issue with that command's output. Platform: iOS iOS applications. Stale There has been a lack of activity on this issue and it may be closed soon.

Comments

@nihp
Copy link

nihp commented Apr 27, 2020

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

@react-native-bot react-native-bot added Component: Picker Platform: iOS iOS applications. Needs: Author Feedback Needs: Environment Info Please run `react-native info` and edit your issue with that command's output. and removed Needs: Triage 🔍 labels Apr 27, 2020
@github-actions
Copy link

⚠️ Missing Environment Information
ℹ️ Your issue may be missing information about your development environment. You can obtain the missing information by running react-native info in a console.

@stale
Copy link

stale bot commented Jul 26, 2020

Hey there, it looks like there has been no activity on this issue recently. Has the issue been fixed, or does it still require the community's attention? This issue may be closed if no further activity occurs. You may also label this issue as a "Discussion" or add it to the "Backlog" and I will leave it open. Thank you for your contributions.

@stale stale bot added the Stale There has been a lack of activity on this issue and it may be closed soon. label Jul 26, 2020
@stale
Copy link

stale bot commented Aug 2, 2020

Closing this issue after a prolonged period of inactivity. If this issue is still present in the latest release, please feel free to create a new issue with up-to-date information.

@stale stale bot closed this as completed Aug 2, 2020
@nihp
Copy link
Author

nihp commented Aug 3, 2020

The above is still an issue

@github-actions github-actions bot added Needs: Attention Issues where the author has responded to feedback. and removed Needs: Author Feedback labels Aug 3, 2020
@karimcambridge
Copy link

Yea, we we should be able to do this

@nihp
Copy link
Author

nihp commented Sep 15, 2020

@karimcambridge Kindly let me know if you have any solution

@karimcambridge
Copy link

@karimcambridge Kindly let me know if you have any solution

Lol no.

I got the bottom border looking part removed. The top.. nope. Seems like thats built in...

@facebook facebook locked as resolved and limited conversation to collaborators Oct 1, 2021
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
Needs: Attention Issues where the author has responded to feedback. Needs: Environment Info Please run `react-native info` and edit your issue with that command's output. Platform: iOS iOS applications. Stale There has been a lack of activity on this issue and it may be closed soon.
Projects
None yet
Development

No branches or pull requests

3 participants