title: Make this flutter page scrollable
body: <p>The code below, is the main page of my app. When I want to make a new icon/button, it's only could make up to 4, if I make it to 5 or more, the 5th button that I make is not showing up in my app which showing text &quot;bottom overflowed&quot; <a href="https://i.stack.imgur.com/sZvFb.png" rel="nofollow noreferrer">like this.</a></p>
  <p>so how to make this page scrollable? and here is my code on this main page.</p>
  <pre><code>import 'package:bacaan_sholat/page/bacaan_sholat_page.dart';
  import 'package:bacaan_sholat/page/niat_sholat_page.dart';
  import 'package:flutter/material.dart';
  
  class MainPage extends StatefulWidget {
   const MainPage({Key? key}) : super(key: key);
  
   @override
   _MainPageState createState() =&gt; _MainPageState();
  }
  
  class _MainPageState extends State&lt;MainPage&gt; {
   @override
   Widget build(BuildContext context) {
     return Scaffold(
       backgroundColor: Colors.green.shade100,
       body: SafeArea(
         child: Center(
           child: Column(
             mainAxisAlignment: MainAxisAlignment.center,
             children: [
               Container(
                 margin: EdgeInsets.all(10),
                 child: Expanded(
                   child: InkWell(
                     highlightColor: Colors.transparent,
                     splashColor: Colors.transparent,
                     onTap: () {
                       Navigator.push(
                           context,
                           MaterialPageRoute(
                               builder: (context) =&gt; NiatSholat()));
                     },
                     child: Column(
                       children: [
                         Image(
                           image: AssetImage(&quot;assets/images/ic_niat.png&quot;),
                           height: 100,
                           width: 100,
                         ),
                         SizedBox(height: 10),
                         Text(
                           &quot;Doa Harian Muslim&quot;,
                           style: TextStyle(
                               fontSize: 14, fontWeight: FontWeight.bold),
                         ),
                       ],
                     ),
                   ),
                 ),
               ),
               SizedBox(height: 40),
               Container(
                 margin: EdgeInsets.all(10),
                 child: Expanded(
                   child: InkWell(
                     highlightColor: Colors.transparent,
                     splashColor: Colors.transparent,
                     onTap: () {
                       Navigator.push(
                           context,
                           MaterialPageRoute(
                               builder: (context) =&gt; BacaanSholat()));
                     },
                     child: Column(
                       children: [
                         Image(
                           image: AssetImage(&quot;assets/images/ic_doa.png&quot;),
                           height: 100,
                           width: 100,
                         ),
                         SizedBox(height: 10),
                         Text(
                           &quot;Bacaan Sholat&quot;,
                           style: TextStyle(
                               fontSize: 14, fontWeight: FontWeight.bold),
                         ),
                       ],
                     ),
                   ),
                 ),
               ),
               SizedBox(height: 40),
               Container(
                 margin: EdgeInsets.all(10),
                 child: Expanded(
                   child: InkWell(
                     highlightColor: Colors.transparent,
                     splashColor: Colors.transparent,
                     onTap: () {
                       Navigator.push(context,
                           MaterialPageRoute(builder: (context) =&gt; AyatKursi()));
                     },
                     child: Column(
                       children: [
                         Image(
                           image: AssetImage(&quot;assets/images/ic_bacaan.png&quot;),
                           height: 100,
                           width: 100,
                         ),
                         SizedBox(height: 10),
                         Text(
                           &quot;Ayat Kursi&quot;,
                           style: TextStyle(
                               fontSize: 14, fontWeight: FontWeight.bold),
                         ),
                       ],
                     ),
                   ),
                 ),
               ),
               SizedBox(height: 40),
               Container(
                 margin: EdgeInsets.all(10),
                 child: Expanded(
                   child: InkWell(
                     highlightColor: Colors.transparent,
                     splashColor: Colors.transparent,
                     onTap: () {
                       Navigator.push(
                           context,
                           MaterialPageRoute(
                               builder: (context) =&gt; BacaanSholat()));
                     },
                     child: Column(
                       children: [
                         Image(
                           image: AssetImage(&quot;assets/images/ic_doa.png&quot;),
                           height: 100,
                           width: 100,
                         ),
                         SizedBox(height: 10),
                         Text(
                           &quot;Bacaan Sholat&quot;,
                           style: TextStyle(
                               fontSize: 14, fontWeight: FontWeight.bold),
                         ),
                       ],
                     ),
                   ),
                 ),
               ),
               SizedBox(height: 40),
               Container(
                 margin: EdgeInsets.all(10),
                 child: Expanded(
                   child: InkWell(
                     highlightColor: Colors.transparent,
                     splashColor: Colors.transparent,
                     onTap: () {
                       Navigator.push(
                           context,
                           MaterialPageRoute(
                               builder: (context) =&gt; BacaanSholat()));
                     },
                     child: Column(
                       children: [
                         Image(
                           image: AssetImage(&quot;assets/images/ic_doa.png&quot;),
                           height: 100,
                           width: 100,
                         ),
                         SizedBox(height: 10),
                         Text(
                           &quot;Bacaan Sholat&quot;,
                           style: TextStyle(
                               fontSize: 14, fontWeight: FontWeight.bold),
                         ),
                       ],
                     ),
                   ),
                 ),
               ),
             ],
           ),
         ),
       ),
     );
   }
  }
  </code></pre>
  <p>Any help or advice is really helpful and meaningful for me and thanks in advance. I'm sorry if this question quite messy 'cause this is my first question.</p>