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

Hi,

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

screenshot_20171205-123638

Code:

<View>
        <CalendarStrip
          calendarAnimation={{type: 'sequence', duration: 30}}
          daySelectionAnimation={{type: 'border', duration: 300, borderWidth: 2, borderHighlightColor: 'white'}}
          style={{height:100, paddingTop: 20, paddingBottom: 10}}
          calendarHeaderStyle={{color: 'white'}}
          calendarColor={'#7743CE'}
          dateNumberStyle={{color: 'white'}}
          dateNameStyle={{color: 'white'}}
          iconContainer={{ flex: 0.1 }}
        />
</View>

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:
Created 6 years ago
Comments:5

Top GitHub Comments

1reaction

thorbenprimkecommented, Mar 18, 2018

Isn’t this related to overflow not being supported / items being clipped on Android (https://github.com/facebook/react-native/issues/6802).

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.

1reaction

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.

screenshot_20171205-143101