Flutter-自定义按钮点击区域

时间:2019-01-13 19:15:24

标签: dart flutter flutter-layout

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

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

以下是使用FloatingActionButton获得的示例:

Example

对于小尺寸按钮来说,这实际上不是问题-我什至会说这很有帮助-但就我而言,这很烦人。

所以我的问题是:是否可以将“可贴”区域限制为圆形?

谢谢。

2 个答案:

答案 0 :(得分:1)

这似乎可行,我不知道这样做是否正确,或者是否有更好的方法,但是您可以选择

# dig +short repo.packagist.org
142.44.164.255
# echo "142.44.164.255 repo.packagist.org" >> /etc/hosts

答案 1 :(得分:1)

如果您想在水龙头期间保持飞溅,可以执行以下操作:

    Material(
              color: Colors.green,
              shape: CircleBorder(),
              elevation: 5.0,
              child: InkWell(
                borderRadius: BorderRadius.circular(100.0),
                onTap: () => print("here"),
                child: Container(
                  height: 200.0,
                  width: 200.0,
                  decoration: BoxDecoration(
                    shape: BoxShape.circle,
                  ),
                  child: Icon(Icons.receipt),
                ),
              ),
            ),