column wrap in singlechildscrollview code example

Example 1: flutter overflow when setting height of container inside singlechildscrollview

SingleChildScrollView(
  child: ConstrainedBox(
  	constraints: BoxConstraints(
  		height: MediaQuery.of(context).size.height,
  	),
  	child: Container(
  		//contents of container
  	),
  ),
),

Example 2: single child scrollview inside column flutter

Widget build(BuildContext context) =>
Scaffold(
  body: Column(
    children: <Widget>[
      Container(
        height: 100.0,
        color: Colors.blue,
      ),
      Expanded(
        child: SingleChildScrollView(
          child: Container(
            color: Colors.red,
            padding: EdgeInsets.all(20.0),
            child: Column(
              children: <Widget>[
                Text('Red container should be scrollable'),
                Container(
                  width: double.infinity,
                  height: 700.0,
                  padding: EdgeInsets.all(10.0),
                  color: Colors.white.withOpacity(0.7),
                  child: Text('I will have a column here'),
                )
              ],
            ),
          ),
        ),
      ),
    ],
  ),
);

Tags:

Dart Example