flutter在页面底部一直展示一个弹出框的头部位置，弹出框可以拖拽高度

在Flutter中，如果你想要实现在页面底部固定显示一个可拖动高度的弹出框（通常称为浮层或者模态对话框），你可以使用`Scaffold`组件配合`ModalBottomSheet` API。`ModalBottomSheet`是一个可覆盖其他内容的轻量级视图，常用于显示临时需要的详细信息或者操作面板。

下面是一个简单的示例：

import 'package:flutter/material.dart';

class BottomSheetDemo extends StatefulWidget {
  @override
  _BottomSheetDemoState createState() => _BottomSheetDemoState();
}

class _BottomSheetDemoState extends State<BottomSheetDemo> {
  double _sheetHeight = 0;

  void _updateSheetHeight(double height) {
    setState(() {
      _sheetHeight = height;
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: RaisedButton(
          onPressed: () {
            showModalBottomSheet(
              context: context,
              builder: (BuildContext context) {
                return Container(
                  height: _sheetHeight,
                  child: // 写你的弹出框内容...
                    Column(
                      children: [
                        // 可以添加滑动手势条或Draggable widget来允许用户调整高度
                        GestureDetector(
                          onVerticalDragUpdate: (details) {
                            _updateSheetHeight(details.delta.dy);
                          },
                          child: Draggable(
                            child: Container(height: 50),
                            feedback: Container(height: 50),
                            enabled: true,
                          ),
                        ),
                        Text("这是一个可拖拽高度的弹出框"),
                      ],
                    ),
                  ),
                  dismissible: false, // 关闭按钮默认存在
                  isScrollControlled: true, // 控制滚动
                );
              },
            );
          },
          child: Text('点击展开'),
        ),
      ),
    );
  }
}

在这个例子中，当用户点击"点击展开"按钮时，会弹出一个底部弹出框，用户可以向上或向下拖动来调整其高度。请注意，实际的弹出框内容和样式你需要根据项目需求自定义。