首页 > 解决方案 > 颤动中的弯曲半径按钮

问题描述

我正在尝试在颤动中创建一个弯曲的按钮。但对我来说,borderRadius 标签不起作用。这是我的代码

    //Login Button
    final loginButton = Padding(
      padding: EdgeInsets.symmetric(vertical: 16.0),
      child: Material(
        borderRadius: BorderRadius.circular(30.0),
        shadowColor: Colors.lightBlueAccent.shade100,
        elevation: 5.0,
        child: MaterialButton(
          minWidth: 200.0,
          height: 42.0,
          onPressed: () {
//            Navigator.of(context).pushNamed(HomePage.tag);
          },
          color: Colors.lightBlueAccent,
          child: Text('Log In', style: TextStyle(color: Colors.white)),
        ),
      ),
    );

我没有得到我在这方面犯错的地方。

标签: androidiosdartflutter

解决方案


    //Login Button
    final loginButton = Padding(
      padding: EdgeInsets.symmetric(vertical: 16.0),
      child: Material(
        borderRadius: BorderRadius.circular(30.0),
        shadowColor: Colors.lightBlueAccent.shade100,
        elevation: 5.0,
        Colors.lightBlueAccent,
        child: MaterialButton(
          minWidth: 200.0,
          height: 42.0,
          onPressed: () {
//            Navigator.of(context).pushNamed(HomePage.tag);
          },

          child: Text('Log In', style: TextStyle(color: Colors.white)),
        ),
      ),
    );

试试上面的代码,我将颜色标签从 MaterialButton 移到 Material 小部件中。我已经对其进行了测试,它在 Flutter dev v0.7.1 中可以正常工作。除非您解释它不工作的含义以及您期望它如何工作,否则我无法再提供帮助。


推荐阅读