Flutter 中的 BottomSheet 小部件：全面指南

在Flutter中，BottomSheet是一个小部件，可以从底部弹出，并且可以显示应用程序中的关联内容或选项。以下是如何使用BottomSheet的示例代码：

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 BottomSheet Example'),
        ),
        body: Center(
          child: RaisedButton(
            child: Text('Show BottomSheet'),
            onPressed: () {
              showModalBottomSheet(
                context: context,
                builder: (BuildContext context) {
                  return Container(
                    height: 200,
                    color: Colors.amber,
                    child: Center(
                      child: Text('This is a BottomSheet'),
                    ),
                  );
                },
              );
            },
          ),
        ),
      ),
    );
  }
}

在这个例子中，当按钮被点击时，会调用showModalBottomSheet函数，这会创建并显示一个从底部弹出的BottomSheet。你可以通过builder函数来定制BottomSheet的内容，在这个例子中，它是一个200像素高的带有颜色的Container，其中包含文本。