gpt4 book ai didi

dart - Flutter - 自定义按钮点击区域

转载 作者:IT老高 更新时间:2023-10-28 12:46:51 27 4
gpt4 key购买 nike

我正在构建一个 Flutter 应用程序,其中大部分屏幕将被圆形按钮占据。

我已经尝试了几种不同的方法来创建一个圆形按钮,但我总是遇到同样的问题:“可点击”区域实际上不是圆形,而是矩形。

这是一个使用 FloatingActionButton 获得的示例:

Example

对于小尺寸按钮来说,这并不是一个真正的问题——我什至会说它在某种程度上很有帮助——但就我而言,这很烦人。

所以我的问题是:是否可以将“可点击”区域限制为一个圆圈?

提前致谢。

最佳答案

这似乎行得通,我不知道这样做是否正确,或者是否有更好的方法,但你去吧。

class Test extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(),
body: Container(
color: Colors.blue,
child: Center(
child: GestureDetector(
onTap: () {
print('clicky');
},
child: ClipOval(
child: Container(
width: 200,
height: 200,
color: Colors.red,
),
),
),
),
),
);
}
}

关于dart - Flutter - 自定义按钮点击区域,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54172312/

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