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

[android] borderRadius + borderBottom #9262

Closed
n7olkachev opened this issue Aug 6, 2016 · 10 comments
Closed

[android] borderRadius + borderBottom #9262

n7olkachev opened this issue Aug 6, 2016 · 10 comments
Labels
Ran Commands One of our bots successfully processed a command. Resolution: Locked This issue was locked by the bot.

Comments

@n7olkachev
Copy link

RN 0.31
Example:

<View style={{ padding: 14, backgroundColor: '#ffa42f', borderRadius: 4, borderBottomWidth: 2, borderColor: '#dc5400' }}>
    <Text style={{color: '#f5f6fa', textAlign: 'center'}}>Text</Text>
</View>

Works fine on iOS, but not on Android (the bottom border isn't showing).

@RichardLindhout
Copy link

Maybe the border overlaps the view, in Android all views are overflow hidden. Maybe do elevation. Or do a wrapper around it with a paddingBottom: 1.

@n7olkachev
Copy link
Author

n7olkachev commented Aug 6, 2016

Nope.
Also, found that the problem occurs only when I use borderBottomWidth, borderTopWidth etc, while using borderWidth border is showing (on each side of View). And if I remove borderRadius, borderBottom works.
Any other ideas?

@RichardLindhout
Copy link

I`ll look at it Monday. I have no experience but it would definitily work
with soms very dirty hacks

Op 6 aug. 2016 20:18 schreef "Nick Tolkachev" notifications@github.com:

Nope.
Also, found that the problem occurs only when I use borderBottomWidth,
borderTopWidth etc, while using borderWidth border is showing (on each
side of View).
Any other ideas?


You are receiving this because you commented.
Reply to this email directly, view it on GitHub
#9262 (comment),
or mute the thread
https://github.com/notifications/unsubscribe-auth/AGMQRR-aLFRTPFvhrfRXEo6dcFHAykjvks5qdM_xgaJpZM4JeQOF
.

@RichardLindhout
Copy link

You could do a wrapper view with 2px bottom padding and #dc5400 as background do the rest of the view te same inside but without the bottom border.

@kamek-pf
Copy link

kamek-pf commented Aug 6, 2016

This is somewhat similar to #7838

@charpeni
Copy link
Contributor

@facebook-github-bot label Icebox

@charpeni
Copy link
Contributor

Hi there! This issue is being closed because it has been inactive for a while.

But don't worry, it will live on with ProductPains! Check out its new home: https://productpains.com/post/react-native/android-borderradius-borderbottom

ProductPains helps the community prioritize the most important issues thanks to its voting feature.
It is easy to use - just login with GitHub.

Also, if this issue is a bug, please consider sending a PR with a fix.
We're a small team and rely on the community for bug fixes of issues that don't affect fb apps.

@charpeni
Copy link
Contributor

@facebook-github-bot close

@facebook-github-bot facebook-github-bot added Icebox Ran Commands One of our bots successfully processed a command. labels Nov 14, 2016
@facebook-github-bot
Copy link
Contributor

@charpeni tells me to close this issue. If you think it should still be opened let us know why.

@facebook-github-bot facebook-github-bot added the Ran Commands One of our bots successfully processed a command. label Nov 14, 2016
@RyanMitchellWilson
Copy link

RyanMitchellWilson commented Sep 26, 2017

This is still happening, can this be reopened?

React-Native 0.44

@facebook facebook locked as resolved and limited conversation to collaborators May 24, 2018
@react-native-bot react-native-bot added the Resolution: Locked This issue was locked by the bot. label Jul 19, 2018
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
Ran Commands One of our bots successfully processed a command. Resolution: Locked This issue was locked by the bot.
Projects
None yet
Development

No branches or pull requests

7 participants