Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Changing selected borderRadius through custom theme doesn't work

See original GitHub issue

Trying to change the borderRadius through the custom theme, but it seems that it doesn’t work. But changing the backgroundColor seems to work. This is the code that I am using

'stylesheet.day.single': {
                           .....
                            selected: {
                                backgroundColor: colors.flamingo,
                                borderRadius: 2,
                            },
                        },
                      ......

Issue Analytics

State:
Created 5 years ago
Comments:5 (1 by maintainers)

Top GitHub Comments

3reactions

RichAWarrencommented, Jul 3, 2018

...
if (this.props.marking) {
      containerStyle.push({
        borderRadius: 17
      });
...

https://github.com/wix/react-native-calendars/blob/master/src/calendar/day/period/index.js#L129

This is the offending section! Is there a way I’m missing to overwrite containerStyle?

1reaction

samiedecommented, Apr 23, 2020

@enagorny Done! I honestly don’t remember the changes I made because it’s been so long ago, but it was only a few lines of code…

Top Results From Across the Web

css - border-radius not working - Stack Overflow

Sometimes you can apply border-radius to a wrapper container and it will work nicely. For example, I was trying to set border-radius to...

Border Radius of Dropdown Field Not Responding

Hi,. I'm having trouble with the radius of the dropdown fields, as they aren't responding to changes – even when I add custom...

Border Radius - Tailwind CSS

Customizing your theme. By default, Tailwind provides five border radius size utilities. You can change, add, or remove these by editing the theme.borderRadius...

border-radius - CSS: Cascading Style Sheets - MDN Web Docs

The border-radius CSS property rounds the corners of an element's outer border ... and semi-minor axes of the ellipse, using length values.

How do I set a Theme Style? - Elementor

Border Radius : Set the default border radius to control corner roundness of buttons. Padding: Change the default button padding settings ...