gpt4 book ai didi

Flutter 2 - 如何在新的 TextButton 中制作圆角并给它一个高度

转载 作者:行者123 更新时间:2023-12-04 14:08:06 35 4
gpt4 key购买 nike

我如何在新的 TextButton 中添加给定高度并使其角变圆
这就是在现已弃用的 FlatButton 中执行此操作的方法。

FlatButton(
height: 44,
materialTapTargetSize: MaterialTapTargetSize.shrinkWrap,
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(4.0)),
color: Colors.green[900],
minWidth: double.infinity,
onPressed: () => cart.gtynAddToCart(productID),
child: Text(
'Button',
style: TextStyle(color: Colors.white),
));

最佳答案

FlatButton在 Flutter 2.0 中已弃用,您可以使用 TextButton尝试

TextButton(
onPressed: () => cart.gtynAddToCart(productID),
child: Container(
alignment: Alignment.center,
height: 44,
decoration: BoxDecoration(
borderRadius: BorderRadius.all(Radius.circular(4)),
color: Colors.green[900],
),
style:ButtonStyle(tapTargetSize:MaterialTapTargetSize.shrinkWrap,
),
// minWidth: double.infinity,
child: Text(
'Button',
style: TextStyle(color: Colors.white),
)))
我也找到了另一种实现方式,也许你被插入了
TextButton(
onPressed: () => cart.gtynAddToCart(productID),
style: ButtonStyle(
tapTargetSize: MaterialTapTargetSize.shrinkWrap,
minimumSize:
MaterialStateProperty.all(Size(double.infinity, 44)),
shape: MaterialStateProperty.all(
RoundedRectangleBorder(
borderRadius: BorderRadius.circular(4.0)),
),
backgroundColor:
MaterialStateProperty.all(Colors.green[900])),
child: Text(
'Button',
style: TextStyle(color: Colors.white),
textAlign: TextAlign.center,
))

关于Flutter 2 - 如何在新的 TextButton 中制作圆角并给它一个高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/66687720/

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