Flutter 自定义按钮

2019-12-30 17:24:27 浏览数 (1)

实现下图的一个按钮

截屏2019-12-2611.00.10.png

代码如下

代码语言:javascript复制
/// 登录按钮
  Widget buildLoginButtonWidget() {
    return Container(
      margin: EdgeInsets.only(top: 40, left: 16, right: 16),
      width: MediaQuery.of(context).size.width - 32,
      height: 50,
      decoration: BoxDecoration(
        color: Colors.transparent,
        image: DecorationImage(
            image: AssetImage('images/login_button.png'), fit: BoxFit.fill),
        borderRadius: BorderRadius.circular(25.0),
      ),
      child: FlatButton(
        onPressed: () {
        },
        child: Text("登录"),
        textColor: Colors.white,
        color: Colors.transparent, // 透明色
      )

    );
  }
png

0 人点赞