the screenshot:
In the root view, I set borderRadius is 17, it display well on right, but on the left, the border radius covered by green sub view and yellow sub view, is this a bug?
If there are contents within the div that has the curved corners, you have to set overflow: hidden because otherwise the child div's overflow can give the impression that the border-radius isn't working. This answer worked for me.
In flutter, it is simple to create an easy rectangle and sq. form using container widget however they need sharp edges and therefore the corner is sharp however using the BoxDecoration property of box decoration we are able to simply and make the perimeters rounded. Container( decoration: BoxDecoration( border: Border.
Set {overflow: 'hidden'}
on the root view's style.
On Android overflow on parent elements won't clip children. It is a known issue:
https://facebook.github.io/react-native/releases/0.23/docs/known-issues.html
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With