在颤动中没有显示我的自定义小部件的墨水池效果

Question

我创建了这个自定义小部件并用墨水池包裹，但它没有显示墨水池效果，其他工作正常..

我多次遇到这个问题，主要是当我将墨水瓶包裹到容器中时。

我的c出了什么问题

class BoxTile extends StatelessWidget {
  final String title;
  final VoidCallback? onTap;

  const BoxTile({Key? key, required this.title, this.onTap}) : super(key: key);

  @override
  Widget build(BuildContext context) {

    return InkWell(
      onTap: onTap,
      child: Container(
        decoration: BoxDecoration(
          color: Colors.white,
          border: Border.all(color: Colors.grey, width: 2),
          borderRadius: BorderRadius.circular(20),
        ),
        child: Center(
          child: Text(
            title,
            style: TextStyle(
              fontSize: 40,
              color:title=='X'? Colors.green:Colors.blue,
              fontWeight: FontWeight.bold
            )

          ),
        ),
      ),
    );
  }
}

Answer 1

您可以尝试用

InkWell

包裹您的

Material

。

InkWell

使用下一个

Material

小部件来显示效果，这就是为什么如果没有则不起作用。