gpt4 book ai didi

flutter - flutter :凸起的按钮宽度问题

转载 作者:行者123 更新时间:2023-12-03 03:15:17 25 4
gpt4 key购买 nike

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

  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,
);
}
这是引发按钮的屏幕截图:
raised button

最佳答案

我写了这个片段,您可以在DartPad上运行。这是您要找的东西吗?我认为问题是Container的子元素有一个很大的RaisedButton,您根本不需要它,您可以确定按钮本身中按钮的形状和样式,除了添加其他子元素外,无需添加其他子元素。文本。

Widget _loginButton() {
return Row(
children: <Widget>[
RaisedButton(
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(25.00),
side: BorderSide(
color: Color(0xffd67219),
width: 1,
),
),
color: Color(0xffffffff),
padding: EdgeInsets.symmetric(
vertical: 10,
horizontal: MediaQuery.of(context).size.width / 3.5,
),
child: Text(
'SUBMIT',
style: TextStyle(
fontSize: 20,
fontWeight: FontWeight.w400,
color: Color(0xffD67219),
),
),
onPressed: () {},
)
],
mainAxisSize: MainAxisSize.min,
);
}

结果如下:

RaisedButton

关于flutter - flutter :凸起的按钮宽度问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60541115/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com