dart 如何创建一个容器(一个水平的矩形)，它是从顶部弯曲到内部的Flutter

bttbmeg0 于 2023-03-27 发布在 Flutter

关注(0)|答案(1)|浏览(122)

我想实现的是第一张图中所示的：

"我所尝试的"

Container(
          width: Get.width,
          height: Get.height * 0.6,
          decoration: BoxDecoration(
            color: Colors.white,
            borderRadius: BorderRadius.vertical(
                top: Radius.elliptical(
                    Get.width , 50)

            ),
          ),
          ),

我的代码的输出：

dart

来源：https://stackoverflow.com/questions/75840266/how-to-create-a-container-as-a-horizontal-rectangle-that-is-curved-to-the-insi

1条答案

按热度按时间

nxowjjhe1#

你就可以这样做

Container(
      width: Get.width,
      height: Get.height * 0.6,
      decoration: BoxDecoration(
        color: Colors.white,
      ),
      child: ClipPath(
        clipper: EllipticalTopBorderClipper(
          width: Get.width,
          height: Get.height * 0.6,
          borderRadius: BorderRadius.vertical(
            top: Radius.elliptical(Get.width, 50),
          ),
        ),
        child: Container(
          color: Colors.white,
          // Add your content here
        ),
      ),
    );

赞(0）回复(0）举报 2023-03-27

我来回答

dart 如何创建一个容器(一个水平的矩形)，它是从顶部弯曲到内部的Flutter

1条答案

相关问题

热门标签

最新问答