Flutter

小白学Flutter - ElevatedButton

2023-11-16  本文已影响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('登录'),
 ),
上一篇 下一篇

猜你喜欢

热点阅读