timetable icon indicating copy to clipboard operation
timetable copied to clipboard

RenderFlex overflowed by 6.0 pixels on the bottom

Open rabihmb opened this issue 3 years ago • 3 comments

Hi, I've installed the package as per the document, it works well but I'm getting a notification in the console as described below:

════════ Exception caught by rendering library ═════════════════════════════════════════════════════
A RenderFlex overflowed by 6.0 pixels on the bottom.
The relevant error-causing widget was: 
  Timetable<BasicEvent>

A screenshots below to help explain my problem

Before
image

so, in order to fix it, I've replaced the following line: https://github.com/JonasWanke/timetable/blob/93285cf8a0245ed356f77216aae47e9b0d4045ce/lib/src/header/timetable_header.dart#L62 with MediaQuery.of(context).size * 0.11 ?? 72

After
image

Environment:

  • Device: Samsung Galaxy Note 5
  • OS version: Android 9.0.0
  • Package version: 0.2.8

rabihmb avatar Sep 25 '20 15:09 rabihmb

same here.

radikris avatar Feb 03 '21 21:02 radikris

Same issue...

yaroaxito avatar Apr 26 '22 12:04 yaroaxito

Similar to the workaround shown in the issue description, you can configure this height via the theme parameter totalDateIndicatorHeight:

Timetable<BasicEvent>(
  controller: /* … */,
  theme: TimetableThemeData(
    totalDateIndicatorHeight: MediaQuery.of(context).size * 0.11,
    // You might have to use a different value
  ),
),

(not tested)

The issue is fixed in the new pre-releases of v1.0.0 by dynamically adjusting this height to the content instead of using a fixed value.

JonasWanke avatar Apr 26 '22 13:04 JonasWanke