-
Notifications
You must be signed in to change notification settings - Fork 97
Open
Labels
type: featureenhancements or new featuresenhancements or new features
Description
Bug description:
I'm unable to customize the width of the columns in the timetable. When I try to display a week view, only 6 days are shown because the last day is getting cut off.
Visual demo:
Screenshots, videos or gifs to help explain your problem
Code to reproduce
<WeekView
windowSize={21}
initialNumToRender={50}
timesColumnWidth={40}
hoursInDisplay={20}
events={events}
onGridClick={createSomeNewEvent}
fixedHorizontally={true}
showTitle={false}
numberOfDays={7}
formatDateHeader="ddd"
formatTimeLabel="HH"
pageStartAt={{weekday: 0, left: 1}} // Start from Monday (weekday: 1)
selectedDate={new Date()}
onEventPress={handlePressEvent}
onDragEvent={(event, newStartDate, newEndDate) =>
updateEvent(event, newStartDate, newEndDate)
}
editingEvent={editingEventId}
editEventConfig={EDIT_EVENT_CONFIG}
headerStyle={{borderColor: 'transparent'}}
headerTextStyle={{color: 'white', fontSize: 11}}
hourTextStyle={styles.hourText}
gridColumnStyle={{
borderColor: '#383838',
}}
gridRowStyle={{
borderColor: '#383838',
}}
/>Environment:
Important: using your own fork makes this more difficult to reproduce and solve. We recommend trying with the latest week-view version.
react-native-week-view: version Xreact-native-gesture-handler: version Xreact-native-reanimated: version Xreact-native: version Xreact: version X- OS: android / iOS
Additional context (optional):
- Error message or traceback (if any)
- Steps to reproduce
- ...
Metadata
Metadata
Assignees
Labels
type: featureenhancements or new featuresenhancements or new features