React-native: [android] borderRadius + borderBottom

[n7olkachev]

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]

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]

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]

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" [email protected]:

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
https://github.com/facebook/react-native/issues/9262#issuecomment-238037540,
or mute the thread
https://github.com/notifications/unsubscribe-auth/AGMQRR-aLFRTPFvhrfRXEo6dcFHAykjvks5qdM_xgaJpZM4JeQOF
.

[RichardLindhout]

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]

This is somewhat similar to #7838

[charpeni]

@facebook-github-bot label Icebox

[charpeni]

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]

@facebook-github-bot close

[facebook-github-bot]

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

[RyanMitchellWilson]

This is still happening, can this be reopened?

React-Native 0.44