title: Why is there a white line between 2 containers flutter
body: <p>I am making a drawer for my app and it has 2 containers in the column widget, there seems to be a line in between these containers that ruins the appearance, i have tried this for the upper container</p>
  
  <pre><code>  margin: EdgeInsets.only(bottom: 0),
    padding: EdgeInsets.only(bottom: 0),
  </code></pre>
  
  <p>and this for the lower container</p>
  
  <pre><code>  margin: EdgeInsets.only(top: 0),
    padding: EdgeInsets.only(top: 0),
  </code></pre>
  
  <p>still the line remains. How to remove that line, any help would be appreciated. Here is the code for the drawer:</p>
  
  <pre><code>Drawer(
    child: Column(
      children: &lt;Widget&gt;[
        Container(
          height: globals.heightofdevice * 0.30,
          width: double.infinity,
          margin: EdgeInsets.only(bottom: 0),
          padding: EdgeInsets.only(bottom: 0),
          child: Stack(
            children: &lt;Widget&gt;[
              Image.asset(
                './images/drawerbackground.jpg',
                fit: BoxFit.fitWidth,
              ),
              Positioned(
                left: globals.widthofdevice * 0.07,
                bottom: 20,
                child: Text(
                  globals.username,
                  style: GoogleFonts.quicksand(
                    textStyle: TextStyle(
                      // fontWeight: FontWeight.w700,
                      fontSize: 32,
                      color: Colors.white,
                    ),
                  ),
                ),
              )
            ],
          ),
        ),
        Container(
          height: globals.heightofdevice * 0.70,
          margin: EdgeInsets.only(top: 0),
          padding: EdgeInsets.only(top: 0),
          decoration: BoxDecoration(
            gradient: LinearGradient(
              colors: [Colors.redAccent, Colors.white],
              begin: Alignment.bottomCenter,
              end: Alignment.topCenter,
            ),
          ),
          child: Stack(children: &lt;Widget&gt;[
            Image.asset(
              './images/uni.jpg',
              fit: BoxFit.cover,
              width: double.infinity,
            ),
            Column(
              children: &lt;Widget&gt;[
                listTileBuilder(Icons.history, 'History'),
                listTileBuilder(Icons.info_outline, 'About the app'),
                listTileBuilder(Icons.account_circle, 'Logout'),
                listTileBuilder(Icons.exit_to_app, 'Exit'),
              ],
            ),
          ]),
        )
      ],
    ),
  )
  </code></pre>
  
  <p>You can clearly see the problem in this picture</p>
  
  <p><a href="https://i.stack.imgur.com/whbbx.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/whbbx.jpg" alt="enter image description here"></a></p>