颤振中的矩形盒

Question

在我的代码中，有这个 CircleAvtar，我想用一个大的矩形框替换它。我是新来的，我发现很难做到这一点。

 child: Card(
          elevation: 3,
          shape:
              RoundedRectangleBorder(borderRadius: BorderRadius.circular(15)),
          child: Container(
            margin: EdgeInsets.all(5),
            padding: EdgeInsets.all(5),
            width: MediaQuery.of(context).size.width,
            decoration: BoxDecoration(
              borderRadius: BorderRadius.circular(
                10,
              ),
              // border: Border.all(width: 0.5),
            ),
            child: Column(
              mainAxisAlignment: MainAxisAlignment.spaceBetween,
              children: <Widget>[
                Container(
                  decoration: BoxDecoration(
                    borderRadius: BorderRadius.all(Radius.circular(5)),
                    color: whiteColor,
                  ),
                  child: expertiseSearchModel.userImageURL.isEmpty
                      ? CircleAvatar(
                          radius: 35,
                          child: SvgPicture.asset(
                            'assets/images/default_user_image.svg',
                            // height: screenUtil.setSp(80),
                            // width: screenUtil.setSp(80),
                            fit: BoxFit.contain,
                          ),
                        )
                      : CircleAvatar(
                          radius: 35,
                          backgroundImage:
                              NetworkImage(expertiseSearchModel.userImageURL),
                        ),
                ),

Answer 1

在您的主容器内，将列用作子容器，将另一个容器用作子容器，并使用容器的图像装饰属性来显示图片。您可以更改子容器的边框半径以具有这些圆形边缘。

Answer 2

如果你能告诉我们你当前的代码输出是什么，也许我能帮你更多。但是就我的理解，你可以简单的使用图像。网络()显示图像并移除圆形头像

试试这个，如果它工作，如果不是让我知道我会相应地编辑它

Container(
        decoration: BoxDecoration(
          borderRadius: BorderRadius.all(Radius.circular(5)),
          color: whiteColor,
        ),
        child: expertiseSearchModel.userImageURL.isEmpty
            ? CircleAvatar(
                radius: 35,
                child: SvgPicture.asset(
                  'assets/images/default_user_image.svg',
                  // height: screenUtil.setSp(80),
                  // width: screenUtil.setSp(80),
                  fit: BoxFit.contain,
                ),
              )
            : Image.network(expertiseSearchModel.userImageURL)
      ),