弹奏错误 - 参数类型＆＃x27; motitalStateProperty＆lt; roundedRectangleBorder＆gt;＆＃x27;可以将分配给参数类型

Question

想要自定义按钮的默认边框半径，但存在以下错误： “参数类型'材料StateProperty'不能分配给参数类型'outlinedBorder'

Padding(
              padding: const EdgeInsets.all(20.0),
              child: ElevatedButton(
                  style: ElevatedButton.styleFrom(
                      shape: MaterialStateProperty.all<RoundedRectangleBorder>(
                          RoundedRectangleBorder(
                              borderRadius: BorderRadius.circular(10.0))),
                      elevation: 0,
                      primary: Colors.white,
                      minimumSize: const Size.fromHeight(50)),
                  onPressed: () {
                    Navigator.pushNamed(context, '/home');
                    // Navigator.of(context).pushReplacementNamed('/home');
                  },
                  child: const Text(
                    "Start",
                    style: TextStyle(
                        fontWeight: FontWeight.bold,
                        fontSize: 18,
                        color: Color.fromRGBO(86, 96, 49, 1)),
                  )),
            ),

Answer 1

只需删除材料StateProperty.All（或用以下代码替换您的代码。

 Padding(
  padding: const EdgeInsets.all(20.0),
  child: ElevatedButton(
      style: ElevatedButton.styleFrom(
          shape:RoundedRectangleBorder(
            borderRadius: BorderRadius.circular(30.0),
          ),
          elevation: 0,
          primary: Colors.white,
          minimumSize: const Size.fromHeight(50)),
      onPressed: () {
        Navigator.pushNamed(context, '/home');
        // Navigator.of(context).pushReplacementNamed('/home');
      },
      child: const Text(
        "Start",
        style: TextStyle(
            fontWeight: FontWeight.bold,
            fontSize: 18,
            color: Color.fromRGBO(86, 96, 49, 1)),
      )),
)

Answer 2

对于类型来说，这很有帮助，如果您想使用，只需添加通用类型即可。 文档

 ElevatedButton(
      style: ButtonStyle(
          backgroundColor: MaterialStateProperty.all<Color>(Colors.red),
          shape: MaterialStateProperty.all<RoundedRectangleBorder>(
            const RoundedRectangleBorder(
              borderRadius: BorderRadius.all(Radius.circular(8)),
            ),
          )),
      child: const Text('Text'),
      onPressed: () {},
    );