Flutter 编写一个左边圆形右边矩形的shape样式

最新推荐文章于 2025-03-07 23:35:34 发布

原创最新推荐文章于 2025-03-07 23:35:34 发布 · 626 阅读

0 ·

CC 4.0 BY-SA版权

Flutter 专栏收录该内容

6 篇文章

订阅专栏

本文介绍如何在Flutter中使用ClipRRect组件创建左边圆形右边矩形的独特形状。通过设置borderRadius属性，实现圆角过渡效果，并展示了按钮组件的应用实例。

Flutter 编写一个左边圆形右边矩形的shape样式

这里使用到了ClipRRect的组件

这里使用到了ClipRRect的组件

ClipRRect(
              borderRadius: BorderRadius.only(
                  topLeft: Radius.circular(100),
                  bottomLeft: Radius.circular(100)),
              clipBehavior: Clip.hardEdge,
              child: RaisedButton(
                onPressed: () {
                  Scaffold.of(context).showSnackBar(SnackBar(
                    content: Text("adsasd"),
                  ));
                },
                child: Text("这是内容"),
              ),

效果图