flutter - 在Flutter的Inkwell小部件中添加边框半径

标签 flutter dart widget flutter-layout

我想使用inkwell小部件向容器添加悬停颜色属性,但是容器具有其自己的边框半径,当我使用inkwell使用悬停属性时,它将采用自定义形状,将其悬停在上方后看起来呈矩形墨水池。
这是我的代码段:

InkWell(
            
            onTap: () {},
            hoverColor: Colors.red[200],
            child: Container(
              width: 70.w,
              height: 60.h,
              decoration: BoxDecoration(
                borderRadius: BorderRadius.circular(20),
              ),
              child: Row(
                children: [
                  Image.asset(
                    'images/call.png',
                    height: 30.h,
                  ),
                  Text(
                    'Call',
                    style: white,
                  ),
                ],
              ),
            ),
          ),
我希望我让你很好地理解了这个问题
请帮助我解决问题或提供替代方案。

最佳答案

Inkwell小部件具有类型customBorder的属性ShapeBorder。您可以使用它为borderRadius提供一个Inkwell
例如。:

customBorder: RoundedRectangleBorder(
    borderRadius: BorderRadius.circular(20),
),

关于flutter - 在Flutter的Inkwell小部件中添加边框半径,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/64410618/

相关文章:

flutter - ListBody中的空值

dart - 我可以将 setter(不是值)作为参数传递给函数而不进行反射吗?

用于可停靠面板/选项卡的 Javascript 库?

widget - 在 gnome 调整工具中用作侧菜单的 Gtk+ 小部件的名称

animation - Flutter AnimatedList 仍然不稳定?

user-interface - Flutter 卡列对齐和文本居中

flutter - 文字溢出,无法控制

flutter - 图像未在初始屏幕中全宽显示

http - 关于 HttpException 没有被捕获

Android 如何将 xml 形状设置为小部件背景?