Flutter 水波纹效果被覆盖、不显示问题

1、被覆盖水波纹的代码,InkWell包裹的Container不能设置背景色,会覆盖掉水波纹
    return Container(
        color: themeModule.themeData.backgroundColor,
        child: _buildStateWidget() != null
            ? _buildStateWidget() : Material(
          child: ListView.builder(
              itemCount: groupModule.groupLists.length,
              itemExtent: 50,
              itemBuilder: (context, index) {
                return Ink(
                  child: InkWell(
                    onTap: (){
                      _onClickItem(index);
                    },
                    child:  Container(
                      color:Colors.white, // InkWell包裹的Container不能设置背景色,会覆盖掉水波纹
                      child: _buildItemColumn(index),
                    ),
                  ),
                );
              }
          ),
        )
    );
1、修改后的代码,如果需要设置背景色,用Ink包裹设置背景色
    return Container(
        color: themeModule.themeData.backgroundColor,
        child: _buildStateWidget() != null
            ? _buildStateWidget() : Material(
          child: ListView.builder(
              itemCount: groupModule.groupLists.length,
              itemExtent: 50,
              itemBuilder: (context, index) {
                return Ink( // 需要设置背景色,用Ink包裹设置背景色
                  color:Colors.white,
                  child: InkWell(
                    onTap: (){
                      _onClickItem(index);
                    },
                    child:  Container(
                      child: _buildItemColumn(index),
                    ),
                  ),
                );
              }
          ),
        )
    );
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容