Make a flutter Page scrollable

Ask Time：2020-05-07T22:25:22 Author：Mo711

Hey I am currently trying to make a page scrollable in flutter/dart. The problem I have is that the structure is different from anything that I could find online. It currently looks like that:

 @override
  Widget build(BuildContext context) {
    return new Scaffold(
      resizeToAvoidBottomPadding: false,

  body: Column(
    crossAxisAlignment: CrossAxisAlignment.start,
    children: <Widget>[

      Container(...),

      SizedBox(height: 10.0),
      Row(...),

      Container(...),
    ],
  ),
);
}

I want to make the Row(...) and the second Container(...) scrollable now. I couldn't figure it out. Hopefully you can help me with it! Thanks in advance

Author:Mo711，eproduced under the CC 4.0 BY-SA copyright license with a link to the original source and this disclaimer.
Link to original article：https://stackoverflow.com/questions/61660266/make-a-flutter-page-scrollable

SupposedlySam :

Wrap your Row and Container in a Column, then wrap that Column in a SingleChildScrollView;\n\n@override\nWidget build(BuildContext context) {\n return Scaffold(\n resizeToAvoidBottomPadding: false,\n body: Column(\n crossAxisAlignment: CrossAxisAlignment.start,\n children: <Widget>[\n Container(),\n SizedBox(height: 10.0),\n SingleChildScrollView(\n child: Column(\n children: <Widget>[\n Row(...),\n Container(...),\n ],\n ),\n )\n ],\n ),\n );\n}\n\n\np.s. as of Dart 2.0 you no longer need the new keyword in front of your Scaffold.",

2020-05-07T14:49:59

Make a flutter Page scrollable