Dear community,
I have an issue which I failed to solve. The droped list view is not scrollable, regardless what I am doing. To note, the app is only running on web (computer or mobile) and not build to an ipa/apk. I am not using CanvasKit.
As it is currently standing, the Column above the ListView is enabled for scrollable (not primary) and the ListView is set to primary, including ShrinkWrap enabled (cannot disable it). No other row/column has the property scrolling enabled. I have tried any possible cenarios too, playing with the scrolling settings, but nothing changes. The data is fetched eigher from fireBase or an API, in all screens the issue remains the same.
In the debugger loading the page when it would become scrollable due to the the page content, I get the following console message:
══╡ EXCEPTION CAUGHT BY RENDERING LIBRARY ╞═════════════════════════════════════════════════════════
js_primitives.dart:28 The following assertion was thrown during layout:
js_primitives.dart:28 A RenderFlex overflowed by 54 pixels on the bottom.
js_primitives.dart:28
js_primitives.dart:28 The relevant error-causing widget was:
js_primitives.dart:28 Column
js_primitives.dart:28 Column:file:///tmp/ff_service_scratch/I2nQCDgDJkRbCYRCpJdl/the_voco_dashboard/lib/pages/organization/org_projects/org_projects_widget.dart:190:26
js_primitives.dart:28
js_primitives.dart:28 The overflowing RenderFlex has an orientation of Axis.vertical.
js_primitives.dart:28 The edge of the RenderFlex that is overflowing has been marked in the rendering with a yellow and
js_primitives.dart:28 black striped pattern. This is usually caused by the contents being too big for the RenderFlex.
js_primitives.dart:28 Consider applying a flex factor (e.g. using an Expanded widget) to force the children of the
js_primitives.dart:28 RenderFlex to fit within the available space instead of being sized to their natural size.
js_primitives.dart:28 This is considered an error condition because it indicates that there is content that cannot be
js_primitives.dart:28 seen. If the content is legitimately bigger than the available space, consider clipping it with a
js_primitives.dart:28 ClipRect widget before putting it in the flex, or using a scrollable container rather than a Flex,
js_primitives.dart:28 like a ListView.
js_primitives.dart:28 The specific RenderFlex in question is: RenderFlex#863b6 relayoutBoundary=up3 OVERFLOWING:
js_primitives.dart:28 needs compositing
js_primitives.dart:28 creator: Column ← Expanded ← Row ← Stack ← KeyedSubtree-[GlobalKey#d992f] ← _BodyBuilder ←
js_primitives.dart:28 MediaQuery ← LayoutId-[<_ScaffoldSlot.body>] ← CustomMultiChildLayout ← _ActionsScope ← Actions ←
js_primitives.dart:28 AnimatedBuilder ← ⋯
js_primitives.dart:28 parentData: offset=Offset(271.0, 0.0); flex=1; fit=FlexFit.tight (can use size)
js_primitives.dart:28 constraints: BoxConstraints(w=1169.0, 0.0<=h<=900.0)
js_primitives.dart:28 size: Size(1169.0, 900.0)
js_primitives.dart:28 direction: vertical
js_primitives.dart:28 mainAxisAlignment: start
js_primitives.dart:28 mainAxisSize: max
js_primitives.dart:28 crossAxisAlignment: start
js_primitives.dart:28 textDirection: ltr
js_primitives.dart:28 verticalDirection: down
js_primitives.dart:28 spacing: 0.0
js_primitives.dart:28 ◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤
js_primitives.dart:28 ════════════════════════════════════════════════════════════════════════