我正在构建一个Flutter 应用程序，其中很大一部分屏幕将被一个圆形按钮占据.
我已经try 了几种不同的方法来创建圆形按钮，但我总是遇到相同的问题:"可点击"区域实际上不是圆形的，而是矩形的.
以下是使用FloatingActionButton获得的示例:
对于小尺寸的按钮来说，这并不是一个真正的问题——我甚至会说这在某种程度上是有帮助的——但在我的情况下，这是非常恼人的.
所以我的问题是:是否有可能将"可轻触"区域限制在一个圆圈内？
提前谢谢您.
我正在构建一个Flutter 应用程序，其中很大一部分屏幕将被一个圆形按钮占据.
我已经try 了几种不同的方法来创建圆形按钮，但我总是遇到相同的问题:"可点击"区域实际上不是圆形的，而是矩形的.
以下是使用FloatingActionButton获得的示例:
对于小尺寸的按钮来说，这并不是一个真正的问题——我甚至会说这在某种程度上是有帮助的——但在我的情况下，这是非常恼人的.
所以我的问题是:是否有可能将"可轻触"区域限制在一个圆圈内？
提前谢谢您.
这似乎行得通，我不知道这样做对不对，或者有没有更好的办法，但给你.
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,
),
),
),
),
),
);
}
}