颤动底板角半径-Java 学习之路

我正在编写一个需要底角为半径的应用程序。您可以在 Google Task 应用中看到类似的内容。

这是我的代码

showModalBottomSheet(
        context: context,
        builder: (builder) {
          return new Container(
            height: 350.0,
            color: Colors.transparent,
            child: new Container(
                decoration: new BoxDecoration(
                    color: Colors.white,
                    borderRadius: new BorderRadius.only(
                        topLeft: const Radius.circular(10.0), topRight: const Radius.circular(10.0))),
                child: new Center(
                  child: new Text("This is a modal sheet"),
                )),
          );
        });

仍显示没有边框半径的工作表。
在此输入图像描述

好的，我找到了一个理由。它确实显示圆角，但由于脚手架背景颜色，容器的背景保持白色。现在的问题是如何覆盖脚手架背景颜色。

3 回答

2

对于仍在尝试解决此问题的人：

由于某些原因Colors.transparent不起作用，所以你需要做的就是将颜色改为：Color(0xFF737373)

showModalBottomSheet( context: context, builder: (builder) { return new Container( height: 350.0, color: Color(0xFF737373), child: new Container( decoration: new BoxDecoration( color: Colors.white, borderRadius: new BorderRadius.only( topLeft: const Radius.circular(10.0), topRight: const Radius.circular(10.0))), child: new Center( child: new Text("This is a modal sheet"), )), ); });

回复于 2024-04-27T11:01:29+08:00
0

好的，所以将我的应用程序主题中的canvasColor更改为Colors.transparent。

回复于 2024-04-27T11:01:29+08:00

_settingModalBottomSheet(context) {
    showModalBottomSheet(
      context: context,
      builder: (BuildContext bc){
        return Container(
          decoration: BoxDecoration(
            borderRadius: BorderRadius.only(
              topLeft: Radius.circular(ScreenUtil().setWidth(16)),
              topRight: Radius.circular(ScreenUtil().setWidth(16))
            ),
          ),
        );
      }
    );
  }

它看起来像这样：result_1

在main.dart中添加以下代码后：

return MaterialApp(
  theme: ThemeData(
    canvasColor: Colors.transparent
  ),
);

它看起来像这样：result_2

回复于 2024-04-27T11:01:29+08:00

颤动底板角半径

3 回答

相关问题