颤动中的容器

Question

希望你们一切都好。我正在制作一个颤振应用程序。在这个界面中我遇到了问题。我正在制作一个堆栈中的容器和圆形头像。在堆栈中，第一个小部件容器中还有另一个容器。当我将图像设置为内部容器的子项时，它也适用于外部容器。为什么会出现这种情况以及这个问题的解决方案是什么。

Stack(
                  children: [
                    // Container(child:
                    Container(
                      decoration: BoxDecoration(
                          border: Border.all(
                        color: Colors.indigo,
                      )),
                      width: 340,
                      height: 200,
                      child: Container(
                        child: Image.asset(
                          'assets/pic1.jpg',
                          fit: BoxFit.cover,
                        ),
                        width: 340,
                        height: 150,
                        decoration: BoxDecoration(
                            border: Border.all(
                          color: Colors.black,
                        )),
                      ),
                    ),
                    Positioned(
                        bottom: 10,
                        right: 10,
                        child: CircleAvatar(
                          backgroundColor: Colors.grey,
                          radius: 40,
                        ))
                  ],
                )

Answer 1

我认为您只需要将属性对齐到您的父窗口小部件，否则子窗口小部件将不关心高度和宽度

 Stack(
    children: [
      // Container(child:
      Container(
        alignment: Alignment.center,
        decoration: BoxDecoration(
            border: Border.all(
              color: Colors.indigo,
            )),
        width: 340,
        height: 200,
        child: Container(
          child: Image.asset(
            'assets/pic1.jpg',
            fit: BoxFit.cover,
          ),
          width: 340,
          height: 150,
          decoration: BoxDecoration(
              border: Border.all(
                color: Colors.black,
              )),
        ),
      ),
      Positioned(
          bottom: 10,
          right: 10,
          child: CircleAvatar(
            backgroundColor: Colors.grey,
            radius: 40,
          ))
    ],
  )

您还可以按照下面的文章获取更多信息。
https://www.kindacode.com/article/flutter-sizing-a-container-inside-another-container/#:~:text=To%20size%20a%20Container%20that,expand%20to%20its %20父母的%20约束。