StackedDetailPage.dart

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: Details(),
    );
  }
}

class Details extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.blue,
      appBar: AppBar(
        elevation: 0,
        backgroundColor: Colors.transparent,
      ),
      body: Stack(
        alignment: Alignment.bottomCenter,
        children: [
          Align(
            alignment: Alignment.topCenter,
            child: Container(
              height: 400,
              alignment: Alignment.center,
              padding: EdgeInsets.all(30),
              child: Image.network("https://dartpad.dartlang.org/dart-192.png"),
            ),
          ),
          SafeArea(
            top: false,
            child: DraggableScrollableSheet(
              initialChildSize: 0.5,
              minChildSize: 0.5,
              builder: (context, scrollController) {
                return Container(
                  color: Colors.white,
                  child: ListView(
                    padding: EdgeInsets.only(bottom: 80),
                    controller: scrollController,
                    children: [],
                  ),
                );
              },
            ),
          ),
          Container(
            color: Colors.white,
            padding: EdgeInsets.all(10),
            child: SafeArea(
              top: false,
              child: Row(
                children: [
                  RaisedButton(
                    onPressed: () {},
                    child: Text("Button"),
                  ),
                ],
              ),
            ),
          ),
        ],
      ),
    );
  }
}