I am not able to see anything rendered on the screen in "Test Mode" . However , when i "Publish the App to Web" It shows the interface correctly.
What am i doing wrong? Given the error below i think it has something to do with how the flexiable option is configured for the children
I have attached screenshot of my Flutter Flow
I am getting the below in the webpage console, how do i resolve this error:
══╡ EXCEPTION CAUGHT BY RENDERING LIBRARY ╞═════════════════════════════════════════════════════════
dart_sdk.js:37972 The following assertion was thrown during performLayout():
dart_sdk.js:37972 RenderFlex children have non-zero flex but incoming height constraints are unbounded.
dart_sdk.js:37972 When a column is in a parent that does not provide a finite height constraint, for example if it is
dart_sdk.js:37972 in a vertical scrollable, it will try to shrink-wrap its children along the vertical axis. Setting a
dart_sdk.js:37972 flex on a child (e.g. using Expanded) indicates that the child is to expand to fill the remaining
dart_sdk.js:37972 space in the vertical direction.
dart_sdk.js:37972 These two directives are mutually exclusive. If a parent is to shrink-wrap its child, the child
dart_sdk.js:37972 cannot simultaneously expand to fit its parent.
dart_sdk.js:37972 Consider setting mainAxisSize to MainAxisSize.min and using FlexFit.loose fits for the flexible
dart_sdk.js:37972 children (using Flexible rather than Expanded). This will allow the flexible children to size
dart_sdk.js:37972 themselves to less than the infinite remaining space they would otherwise be forced to take, and
dart_sdk.js:37972 then will cause the RenderFlex to shrink-wrap the children rather than expanding to fit the maximum
dart_sdk.js:37972 constraints provided by the parent.
dart_sdk.js:37972 If this message did not help you determine the problem, consider using debugDumpRenderTree():