BugiDev / react-native-calendar-strip

Easy to use and visually stunning calendar component for React Native.
MIT License
944 stars 327 forks source link

Date name is getting disappeared when any date is selected #315

Open LalitKushwah opened 3 years ago

LalitKushwah commented 3 years ago

Hello All, I am facing a weird issue, when I am selecting any date. Date day (Mon, Tue, etc...) is getting disappeared.

Selector I am using:

  <StripeCalendar
    scrollable
    ref={stripCalendarRef}
    onWeekChanged={handleWeekChange}
    onWeekScrollEnd={handleWeekChange}/>

OS: Android Device: Emulator

Screenshot 2021-07-26 at 6 00 17 PM
peacechen commented 3 years ago

It may be running out of vertical space and clipping the text. What height does the inspector report for the text elements? Try to increase the height of the container housing RNCS.

LalitKushwah commented 3 years ago

@peacechen Thanks for your response. I checked suggestion that you shared using "dayContainerStyle" not seems this height is not the culprit. This functionality is working fine in IOS.

Looking for further hint

peacechen commented 3 years ago

Increase the height of the parent container housing RNCS (the root of the calendar strip)

LalitKushwah commented 3 years ago

Hi @peacechen, I tried playing with container height but unfortunately that didn't work. After deep diving in debugging I found that rendered nodes have dateNumberStyle as undefined. I set it to {color: 'black'} and it started working.