Flutter 如何实现颤振的Listview设计

我想创建一个listview项目设计，比如

到目前为止，我已经试过了

这是我的密码

ListTile(
                leading: ConstrainedBox(
                    constraints: BoxConstraints(
                      minWidth: 44,
                      minHeight: 44,
                      maxWidth: 64,
                      maxHeight: 64,
                    ),
                    child: Image.network(catData[index]['icon'].toString(),
                      width: 150,
                      height: 150,
                      fit: BoxFit.cover,
                      headers: headersMap,
                    )
                    ), 
                title: Padding(
                  padding: EdgeInsets.only(left: 10,bottom: 5, right: 10, top: 10),
                  child: Text(
                    getCategoryName(catData, index),
                    style: TextStyle(
                        fontWeight: FontWeight.w500,
                        fontSize: 20,
                        fontFamily: 'Mada-Medium',
                        letterSpacing: 0.25,
                    ),
                    maxLines: 3,
                    overflow: TextOverflow.ellipsis,
                  ),
                ),
                subtitle: Padding(
                    padding: EdgeInsets.only(left: 10,bottom: 5, right: 10),
                    child: Text(
                      getText(catData[index]['catId'], subCatData),
                      style: TextStyle(
                          color: parseColor('##A2A2A2'),
                          letterSpacing: 0.25,
                          fontSize: 14,
                          fontFamily: 'Mada',
                          fontWeight: FontWeight.w500),
                      maxLines: 2,
                      overflow: TextOverflow.ellipsis,
                    )
                    
                    ),
              )

listTile标题上的图像部分设置不正确。请帮助创建此设计

尝试此

class ListItem extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Container(
      margin: const EdgeInsets.all(10.0),
      decoration: BoxDecoration(
          color: Colors.white,
          border: Border.all(color: Colors.grey),
          borderRadius: BorderRadius.all(Radius.circular(20.0))),
      child: Row(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: <Widget>[
          ClipRRect(
            borderRadius: BorderRadius.only(
                topLeft: Radius.circular(20.0), bottomLeft: Radius.circular(20.0)),
            child: Image.asset(
              'assets/images/nilesh.jpg',
              fit: BoxFit.cover,
              height: 120,
              width: 100,
            ),
          ),
          SizedBox(width: 20),
          Expanded(
              child: Column(
            crossAxisAlignment: CrossAxisAlignment.start,
//            mainAxisAlignment: MainAxisAlignment.spaceAround,
            mainAxisSize: MainAxisSize.max,
            children: <Widget>[
              SizedBox(height: 20),
              Text(
                'Dummy Text',
                style: TextStyle(color: Colors.black, fontWeight: FontWeight.bold),
              ),
              SizedBox(height: 30),
              Text(
                'Dummy Text',
                style: TextStyle(color: Colors.grey, fontWeight: FontWeight.normal),
              ),
            ],
          ))
        ],
      ),
    );
  }
}

class ListItem扩展了无状态小部件{
@凌驾
小部件构建（构建上下文）{
返回容器(
边距：所有常数边集（10.0），
装饰：盒子装饰(
颜色：颜色，白色，
边框：边框。全部（颜色：颜色。灰色），
borderRadius:borderRadius.all（半径.圆形（20.0）），
孩子：排(
crossAxisAlignment:crossAxisAlignment.start，
儿童：[
ClipRRect(
borderRadius：仅限borderRadius(
左上角：半径.圆形（20.0），左下角：半径.圆形（20.0）），
子：Image.asset(
“assets/images/nilesh.jpg”，
适合：BoxFit.cover，
身高：120，
宽度：100，
),
),
尺寸箱（宽度：20），
扩大(
子：列(
crossAxisAlignment:crossAxisAlignment.start，
//mainAxisAlignment:mainAxisAlignment.spaceAround，
mainAxisSize:mainAxisSize.max，
儿童：[
尺寸箱（高度：20），
正文(
“虚拟文本”，
样式：TextStyle（颜色：Colors.black，fontwweight:fontwweight.bold），
),
尺寸箱（高度：30），
正文(
“虚拟文本”，
样式：TextStyle（颜色：Colors.grey，fontwweight:fontwweight.normal），
),
],
))
],
),
);
}
}

输出

---

所以你想把图像放在左边，右边？@Unbreakable是的，先生，回答得很好。你能回答我的问题吗？@AbhayKoradiya让我试试