Override padding with OverflowBox in SingleChildScrollView

Question

I would like to try to override the padding with an OverflowBox in SingleChildScrollView but I can't.

My sample :

Screen(
  child: Scaffold(
    backgroundColor: Palette.white,
    appBar: ExtendedAppBar(
      title: HeaderTitle(title: L.of(context).catalogFilterTitle, color: Palette.white),
      onCloseCallback: () => Navigator.of(context).pop(false),
    ),
    body: SingleChildScrollView(
      padding: const EdgeInsets.only(left: 17.0, right: 17.0),
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          ...,
          Expanded(
            child: OverflowBox(
              maxWidth: MediaQuery.of(context).size.width,
              child: Container(
                color: Colors.red.shade300,
                child: Center(
                  child: Text('No padding on this one!'),
                ),
              ),
            ),
          ),
          ...,
        ],
      ),
    ),
    floatingActionButton: RaisedButton(
      ...
    ),
    floatingActionButtonLocation: FloatingActionButtonLocation.centerFloat,
  ),
);

When I execute, I have this exception :

════════ Exception caught by rendering library ═════════════════════════════════════════════════════
RenderBox was not laid out: _RenderScrollSemantics#98805 relayoutBoundary=up7 NEEDS-PAINT
'package:flutter/src/rendering/box.dart':
Failed assertion: line 1694 pos 12: 'hasSize'
The relevant error-causing widget was: 
...
════════════════════════════════════════════════════════════════════════════════════════════════════

════════ Exception caught by rendering library ═════════════════════════════════════════════════════
RenderBox was not laid out: _RenderSingleChildViewport#feeb7 relayoutBoundary=up13 NEEDS-PAINT
'package:flutter/src/rendering/box.dart':
Failed assertion: line 1694 pos 12: 'hasSize'
The relevant error-causing widget was: 
...
════════════════════════════════════════════════════════════════════════════════════════════════════

Someone can explain me why ? :)

Thanks in advance

https://stackoverflow.com/questions/52801201/flutter-renderbox-was-not-laid-out you may check this out — HeIsDying, Nov 13 '20 at 11:48
Thanks @TryHarder, I can find the solution with your link :) — dra9na, Nov 13 '20 at 14:29

score 1 · Answer 1 · answered Nov 13 '20 at 14:31

For answer :

SingleChildScrollView(
      padding: const EdgeInsets.only(left: 17.0, right: 17.0),
      child: IntrinsicHeight(
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            Expanded(
              child: OverflowBox(
                maxWidth: MediaQuery.of(context).size.width,
                child: Container(
                  color: Colors.red.shade300,
                  child: Center(
                    child: Text('No padding on this one!'),
                  ),
                ),
              ),
            ),
          ],
        ),
      ),
    )

Override padding with OverflowBox in SingleChildScrollView

1 Answers1