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

直接上代码

属性

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,
                  )