title: How to set Bottom Sheet position to top
body: <p>I want to create a expandable container that have multiple controls like textentry and buttons.</p>
  
  <p>So I have implemented a bottom sheet but I want to set this position on top.</p>
  
  <p>Code:</p>
  
  <pre><code>Widget build(BuildContext context) {
      return Container(
        child: Center(
          child: RaisedButton(
              child: Text('Show Buttom Sheet'),
              onPressed: () {
                showModalBottomSheet(context: context, builder: (context){
                  return StreamBuilder(
                    stream: controller.stream,
                    builder:(context,snapshot) =&gt; GestureDetector(
                        onVerticalDragUpdate: (DragUpdateDetails details)
  {
                          position = MediaQuery.of(context).size.height- 
                        details.globalPosition.dy;
                          print('position dy = ${position}');
  
                          position.isNegative?Navigator.pop(context)
  
                              :controller.add(position);
  
                        },
                        behavior: HitTestBehavior.translucent,
                        child:
                        Container(
                          color: Colors.red,
                          height: snapshot.hasData ? snapshot.data:200.0,
                          width: double.infinity,
                          child: Text('Child'),
                        )),
                  );
  
                });
  
              }),
        ),
      );
    }
  </code></pre>