Flutter ElevatedButton 樣式

 style: ButtonStyle(
        // backgroundColor: MaterialStateProperty.all(Color(0xffEDFCF5)),//背景顏色
        // foregroundColor: MaterialStateProperty.all(Color(0xff31C27C)), //字體顏色
        overlayColor: MaterialStateProperty.all(Color(0xff31C27C)),
        // 高亮色
        shadowColor: MaterialStateProperty.all(Colors.red),
        // 陰影顏色
        textStyle: MaterialStateProperty.all(TextStyle(fontSize: 6)),
        // 字體
        //高亮:字體顏色
        side: MaterialStateProperty.all(BorderSide(width: 1, color: Color(0xffffffff))),
        // 邊框圓角效果。
        // shape: MaterialStateProperty.all(StadiumBorder(side: BorderSide(style: BorderStyle.solid))),
        // 圓形。
        // shape: MaterialStateProperty.all(CircleBorder(
        //     side: BorderSide(
        //         //設置 界面效果
        //         color: Colors.green,
        //         width: 280.0,
        //         style: BorderStyle.none))),
        // 菱形1
        // shape: MaterialStateProperty.all(BeveledRectangleBorder(borderRadius: BorderRadius.circular(8))),//菱形
        shape: MaterialStateProperty.all(BeveledRectangleBorder(borderRadius: BorderRadius.circular(18))),//菱形
        elevation: MaterialStateProperty.all(3), // 陰影值
      ),
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容