Question

我在颤振器上出现凸起的按钮时遇到了问题，我的代码没有错误地运行，但是在外观上凸起的按钮具有背景并且占用了太多的宽度，我想摆脱它。

这是代码：

  Widget _loginButton() {
    return Column(
      children: <Widget>[
        RaisedButton(
          child: Container(
              child: Text(
                'SUBMIT',
                style: TextStyle(
                    fontSize: 20,
                    fontWeight: FontWeight.w400,
                    color: Color(0xffD67219)),
              ),
              width: MediaQuery.of(context).size.width,
              padding: EdgeInsets.symmetric(vertical: 10),
              margin: EdgeInsets.symmetric(
                  horizontal: MediaQuery.of(context).size.width / 3.5),
              alignment: Alignment.center,
              decoration: BoxDecoration(
                color: Color(0xffffffff),
                border: Border.all(
                  width: 1,
                  color: Color(0xffd67219),
                ),
                borderRadius: BorderRadius.circular(25.00),
              )),
          onPressed: validateAndSubmit,
        )
      ],
      mainAxisSize: MainAxisSize.min,
    );
  }

这是凸起的按钮屏幕截图：

Answer 1

我编写了可以在DartPad上运行的代码段。这是您要找的东西吗？我认为问题是val = event.target.value;的孩子中有一个很大的Container，您根本不需要，您可以在按钮本身中确定按钮的形状和样式，不需要除了文字以外，还可以添加其他子级。

RaisedButton

这是结果：

Answer 2

尝试使用OutlineButton

INSERT INTO Database1.new_table 
SELECT id,category as name,parent as parent_id,
       now() as created_at,now() as updated_at 
FROM Database2.old_table

如果它是应用程序中按钮的样式。您应该在主题中进行配置

    OutlineButton(
            shape: const StadiumBorder(),
            child: Text(
              'SUBMIT',
              style: TextStyle(
                  fontSize: 20,
                  fontWeight: FontWeight.w400,
                  color: const Color(0xffD67219)),
            ),
            onPressed: validateAndSubmit,
          )

颤振：凸起的按钮宽度问题

2 个答案: