flutter--ElevatedButton中样式加了Colors.transparent仍然半透明解决方案

最新推荐文章于 2024-05-22 23:45:52 发布

hh_caijihh

最新推荐文章于 2024-05-22 23:45:52 发布

阅读量3k

点赞数 2

分类专栏： flutter样式文章标签： flutter

本文链接：https://blog.csdn.net/hh_caijihh/article/details/123681657

版权

flutter样式专栏收录该内容

1 篇文章 0 订阅

订阅专栏

flutter–ElevatedButton–Colors.transparent仍然半透明解决方案

下面展示为DecoratedBox中的ElevatedButton。

			DecoratedBox(
              decoration: BoxDecoration(
                  borderRadius: BorderRadius.circular(45),
                  color: Colors.white,
                ),
              child: ElevatedButton(
                  style:_buttonStyle,
                  onPressed: () => loginPress(context),
                  child: Text(
                    'LOG IN',
                    style: TextStyle(
                        color: MiffyColor('#00B5E5'),
                        fontSize: 16.sp,
                        fontWeight: FontWeight.bold),
                  )),
            )

style:_buttonStyle：为当前按钮的样式
以下为样式封装：

final ButtonStyle _buttonStyle = ButtonStyle(
      shape: MaterialStateProperty.all<RoundedRectangleBorder>(
        RoundedRectangleBorder(
          borderRadius: BorderRadius.circular(45.0),
        ),
      ),
      elevation: MaterialStateProperty.all(0),
      shadowColor: MaterialStateProperty.all(Colors.transparent),
      backgroundColor: 	MaterialStateProperty.all(Colors.transparent)
  );