flutter - SingleChildScrollView not working in a nested Column. My second column is not scrolling using SingleChildScrollView

Question

SingleChildScrollView not working in a nested Column. My second column is not scrolling using SingleChildScrollView

Widget build(BuildContext context) {
            return MaterialApp(
              home: Scaffold(
                body: Column(
                  children: [
                    Container(
                      height: 200,
                    ),
                    Container(
                      child: SingleChildScrollView(
                        child: Column(

                          children: [
                            Container(
                              color: Colors.purple,
                              height: 200,
                            ),
                            Container(
                              color: Colors.orange,
                              height: 200,
                            ),
                            Container(
                              color: Colors.red,
                              height: 200,
                            ),
                            Container(
                              color: Colors.yellow,
                              height: 200,
                            ),
                          ],
                        ),
                      ),
                    ),
                  ],
                ),
              ),
            );
          }

In the second column is not scrolling when i using SingleChildScrollView

Answer 1

Try to wrap Container into Expanded Widget. If it doesn't work try to wrap either SingleChildScrollView or second Column

Answer 2

You should use Expanded as a parent of SingleChildScrollView:

Widget build(BuildContext context) {
  return MaterialApp(
    home: Scaffold(
      body: Column(
        children: [
          Container(
            height: 200,
          ),
          Expanded(
            child: SingleChildScrollView(
              child: Column(
                children: [
                  Container(
                    color: Colors.purple,
                    height: 200,
                  ),
                  Container(
                    color: Colors.orange,
                    height: 200,
                  ),
                  Container(
                    color: Colors.red,
                    height: 200,
                  ),
                  Container(
                    color: Colors.yellow,
                    height: 200,
                  ),
                ],
              ),
            ),
          ),
        ],
      ),
    ),
  );
}