BugiDev / react-native-calendar-strip

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

CalenderStrip dancing date, scaling issue #372

Open ChetanPatelSS opened 1 year ago

ChetanPatelSS commented 1 year ago

On load of 'ReactNativeCalendarStrip' strip is dancing, can't adjust with screen width and height size. plz check the attached video. https://drive.google.com/file/d/1piGJt_8qPuE0cbutXCc-n1kHcqlLmPmi/view?usp=sharing

                                   `<ReactNativeCalendarStrip
                                    scrollable
                                    calendarAnimation={{ type: 'sequence', duration: 10 }}
                                    daySelectionAnimation={{ type: 'background', duration: 200, highlightColor: '#9265DC' }}

                                    style={styles.calenderStripStyles}
                                    showMonth={true}
                                    dateNumberStyle={{ color: 'black' }}
                                    dateNameStyle={{ color: 'black' }}
                                    styleWeekend={true}
                                    highlightDateNameStyle={{ color: Config.Theme.COLOR_WHITE }}
                                    highlightDateNumberStyle={{ color: Config.Theme.COLOR_WHITE }}
                                    highlightDateContainerStyle={{ backgroundColor: Config.Theme.COLOR_BG_BUTTON }}
                                    minDate={minDate}                                        
                                    shouldAllowFontScaling={true}
                                    useNativeDriver={true}
                                    selectedDate={selectedDate}                                        
                                    useIsoWeekday={true}
                                />`
avadheshdev commented 3 months ago

@ChetanPatelSS :- Have you been able to find any workaround? I am encountering issues with Samsung's new phones.

BogomilRusevv commented 2 months ago

@avadheshdev I saw that styling iconContainer with a flex property fixes the issue. As the date strip is within this container

Avi9753 commented 2 months ago

@BogomilRusevv Can you share sample code