如何在Flutter中调整BottomSheet的高度和borderRadius？_如何在Flutter中动态调整BottomSheet的高度？_如何在Highchart中调整背景颜色的高度和宽度 - 腾讯云开发者社区

在Flutter中，BottomSheet 是一个常用的组件，用于在屏幕底部显示一些内容。要调整 BottomSheet 的高度和 borderRadius，可以通过自定义 Container 或其他布局组件来实现。

基础概念

BottomSheet: 一个半透明的覆盖层，通常用于显示一些临时性的内容。
Container: 一个可以包含其他Widget的容器，可以设置其大小、背景颜色、边框等属性。
borderRadius: 控制容器边角的圆角半径。

调整高度和borderRadius的方法

使用 `Container` 和 `ClipRRect`

你可以将 BottomSheet 内容包裹在一个 Container 中，并使用 ClipRRect 来实现圆角效果。

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('BottomSheet Example')),
        body: Center(
          child: ElevatedButton(
            onPressed: () {
              showModalBottomSheet(
                context: context,
                builder: (BuildContext context) {
                  return Container(
                    height: 300, // 设置高度
                    decoration: BoxDecoration(
                      color: Colors.white,
                      borderRadius: BorderRadius.circular(16), // 设置圆角
                    ),
                    child: Center(
                      child: Text('Custom BottomSheet'),
                    ),
                  );
                },
              );
            },
            child: Text('Show BottomSheet'),
          ),
        ),
      ),
    );
  }
}