title: Flutter bottom sheet corner radius
body: <p>I am writing an app that needs to have a bottomsheet with corner radius. Something like you can see in the Google Task app.</p>
  
  <p>Here is the code I have</p>
  
  <pre><code>showModalBottomSheet(
          context: context,
          builder: (builder) {
            return new Container(
              height: 350.0,
              color: Colors.transparent,
              child: new Container(
                  decoration: new BoxDecoration(
                      color: Colors.white,
                      borderRadius: new BorderRadius.only(
                          topLeft: const Radius.circular(10.0), topRight: const Radius.circular(10.0))),
                  child: new Center(
                    child: new Text("This is a modal sheet"),
                  )),
            );
          });
  </code></pre>
  
  <p>Is still shows the sheet without the border radius.
  <a href="https://i.stack.imgur.com/TBxzR.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/TBxzR.png" alt="enter image description here"></a></p>
  
  <p>Okay, I found a reason. It is indeed displaying the rounded corner but the background of the Container is staying white due to Scaffold background color. 
  Now the question is how do I override the Scaffold background color.</p>