码迷,mamicode.com
首页 > 其他好文 > 详细

Flutter-漸變色按鈕

时间:2020-03-20 13:07:09      阅读:85      评论:0      收藏:0      [点我收藏+]

标签:col   gradient   extc   order   rcu   err   ati   sha   contain   

設置外部容器漸變色,按鈕顏色透明

Container(
                    margin: EdgeInsets.only(bottom: 10),
                    width: 160,
                    height: 40,
                    decoration: BoxDecoration(
                      borderRadius: BorderRadius.circular(50),
                      //漸變色
                      gradient: LinearGradient(colors: [
                          Color(0xff82b518),
                          Color(0xff3e73b7)
                        ]),
                    ),
                      child: RaisedButton(
                      onPressed: (){},
                   
                      child: Text(
                        ‘確 認‘,
                        style: TextStyle(fontWeight: FontWeight.bold,fontSize: 18),
                        ),
                        textColor: Colors.white,
                        // 设为透明色
                        color: Colors.transparent,
                        //disabledColor: Colors.black54, //按鈕被禁用時候的顏色
                        shape: RoundedRectangleBorder(
                        borderRadius: BorderRadius.circular(15),
                      ),
                    ),
                  ),

 

Flutter-漸變色按鈕

标签:col   gradient   extc   order   rcu   err   ati   sha   contain   

原文地址:https://www.cnblogs.com/ssjf/p/12530663.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!