Flutter-底部弹出框（Widget层级）

在Flutter中，可以使用showModalBottomSheet函数来创建一个从底部弹出的框。这个函数是showModalBottomSheet函数的一个封装，它可以显示一个弹出的面板，通常用于显示一个列表或用户设置。

以下是一个简单的例子，展示了如何使用showModalBottomSheet函数：

import 'package:flutter/material.dart';
 
void main() => runApp(MyApp());
 
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Flutter Bottom Sheet Example'),
        ),
        body: Center(
          child: RaisedButton(
            child: Text('Show Bottom Sheet'),
            onPressed: () {
              showModalBottomSheet(
                context: context,
                builder: (BuildContext context) {
                  return Container(
                    height: 200,
                    color: Colors.amber,
                    child: Center(
                      child: Text('This is the modal bottom sheet'),
                    ),
                  );
                },
              );
            },
          ),
        ),
      ),
    );
  }
}

在这个例子中，当按钮被点击时，会弹出一个高度为200的底部弹出框，其中包含一些文本信息。你可以根据需要自定义showModalBottomSheet的builder属性来创建更复杂的内容。