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.

Android Example has cutoff

See original GitHub issue


I started a new sandbox react-native app using this library and I see the following when using the example code:



          calendarAnimation={{type: 'sequence', duration: 30}}
          daySelectionAnimation={{type: 'border', duration: 300, borderWidth: 2, borderHighlightColor: 'white'}}
          style={{height:100, paddingTop: 20, paddingBottom: 10}}
          calendarHeaderStyle={{color: 'white'}}
          dateNumberStyle={{color: 'white'}}
          dateNameStyle={{color: 'white'}}
          iconContainer={{ flex: 0.1 }}

Seems to relate to #22

I tried using maxDayComponentSize, but that doesn’t seem to change anything for me. Any ideas?

Software Info:

react-native: “0.50.3” react-native-calendar-strip: “^1.2.4”

Device Info:

Model: Google Pixel

OS: Android 8.0.0

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Comments:5

github_iconTop GitHub Comments

thorbenprimkecommented, Mar 18, 2018

Isn’t this related to overflow not being supported / items being clipped on Android (

Changing maxDayComponentSize={xx} fixes it but it’s just a workaround as far as I understand it.

I have to read the source of the calendar component but maybe it’s possible to draw the selected border / background behind all the dates instead of part of the dayComponent. That could probably make it work for both Android and iOS.

tyriceccommented, Dec 5, 2017

Just figured out it doesn’t reload when using hot reloading problem smh. Added back maxDayComponentSize with value 48 fixed my issue.


Thanks for the fast response.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Support display cutouts - Android Developers
Default cutout behavior can cause content in your app to render in the cutout area while the system bars are present, but not...
Read more >
Text being cut off. Android - Stack Overflow
Below is the accepted answer. I think the "real" answer is that LinearLayout has baselineAligned attribute as true by default.
Read more >
Add preview assets to showcase your app - Play Console Help
By adding preview assets that showcase your app's features and functionality on its store listing page, you can help your app attract new...
Read more >
A Comprehensive Guide to Android 12's Splash Screen API
The natural solution to this was using an Activity or Fragment to display your animated screen then navigating away after it's done. This...
Read more >
Tesla app cut off on phone screen - Android
I think the problems are all user expectations vs design parameters. For example, when you set the phone (computers work the same way)...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Post

No results found

github_iconTop Related Hashnode Post

No results found