Skip to content

BUG: Cant Costumize width timetable #345

@sushitrash06

Description

@sushitrash06

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 X
  • react-native-gesture-handler: version X
  • react-native-reanimated: version X
  • react-native: version X
  • react: version X
  • OS: android / iOS

Additional context (optional):

  • Error message or traceback (if any)
  • Steps to reproduce
  • ...

Metadata

Metadata

Assignees

No one assigned

    Labels

    type: featureenhancements or new features

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions