Flutter自定义不规则按钮（基于RaisedButton）

最新推荐文章于 2022-11-07 14:38:44 发布

qq_16578397

最新推荐文章于 2022-11-07 14:38:44 发布

阅读量2k

点赞数

分类专栏： Flutter 文章标签： Flutter 自定义Button iOS Flutter完整Demo

本文链接：https://blog.csdn.net/qq_16578397/article/details/100514956

版权

Flutter 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

这里写自定义目录标题

直接上代码

直接上代码

属性

1.clipBehavior:
2.padding:
3.shape:
4.child: Stack(叠层，效果类似iOS的UIView)

插入链接与图片

链接: Demo地址.

图片看不清，可以到完整的Demo地址。

看代码啦

RaisedButton(//实现不规则圆角操作 //基于RaisedButton自定义Button
                    clipBehavior: Clip.hardEdge,
                    padding: const EdgeInsets.all(0),
                    shape: RoundedRectangleBorder(
                      borderRadius: BorderRadius.only(topLeft: Radius.circular(27),topRight: Radius.circular(27), bottomLeft: Radius.circular(0),bottomRight: Radius.circular(0))
                    ),
                    child: Stack(
                      alignment: Alignment.center,
                      children: <Widget>[
                          FadeInImage.memoryNetwork(
                            fit: BoxFit.contain,
                            fadeInDuration: Duration(milliseconds: 100),
                            placeholder: kTransparentImage,
                            image: 'https://picsum.photos/250?image=9',
                          ),
                          Text('你好',style: prefix0.TextStyle(
                              fontWeight: FontWeight.bold,
                              color: Colors.white
                            ),
                          )
                        ],
                    ),
                    onPressed: onTap,
                  )