美文网首页Flutter
小白学Flutter - ElevatedButton

小白学Flutter - ElevatedButton

作者: 林希品 | 来源:发表于2023-11-16 16:51 被阅读0次
    效果图

    //这个是获取屏幕宽度:MediaQuery.of(context).size.width

    ElevatedButton(
        onPressed: () {
        },
        style: ButtonStyle(
            shape: MaterialStateProperty.all<RoundedRectangleBorder>(
                RoundedRectangleBorder(
                    borderRadius: BorderRadius.circular(24.0), // 设置圆角半径
                ),
            ),
            fixedSize: MaterialStateProperty.all<Size>(
                Size(MediaQuery.of(context).size.width - 32, 48), // 设置宽度和高度
            ),
        ),
        child: const Text('登录'),
     ),
    

    相关文章

      网友评论

        本文标题:小白学Flutter - ElevatedButton

        本文链接:https://www.haomeiwen.com/subject/umlcidtx.html