플러터에서 Stack 위젯은 여러 위젯을 겹쳐서 사용할 때 유용하게 사용됩니다. 하지만 Stack 위젯 자체는 배경색과 테두리를 설정할 수 있는 속성을 제공하지 않습니다. 이에 대한 해결책은 다음과 같이 두 가지입니다.

1. Positioned.fill 사용하기

Stack(
  children: [
    Positioned.fill(
      child: Container(
        color: Colors.blue,  // 배경색 설정
        margin: EdgeInsets.all(10),  // 테두리 설정
      ),
    ),
    // 다른 위젯들 추가
  ],
)

위 코드에서는 Positioned.fill 위젯을 사용해서 Stack 내부에 배경색을 설정한 Container를 추가합니다. Container의 color 속성을 통해 배경색을 지정할 수 있으며, margin 속성을 통해 테두리를 설정할 수 있습니다.

2. Container를 Stack의 첫 번째 자식으로 추가하기

Stack(
  children: [
    Container(
      decoration: BoxDecoration(
        color: Colors.blue,  // 배경색 설정
        border: Border.all(color: Colors.black, width: 1),  // 테두리 설정
      ),
    ),
    // 다른 위젯들 추가
  ],
)

위 코드에서는 첫 번째 자식으로 Container를 추가하고, Container의 decoration 속성을 통해 배경색과 테두리를 설정합니다. color 속성으로 배경색을 지정하고, border 속성으로 테두리를 설정할 수 있습니다.

위의 두 가지 방법 중 하나를 사용하여 Stack 위젯의 배경색 및 테두리를 설정할 수 있습니다. 필요에 따라 적절한 방법을 선택하여 사용하세요.

참고 문서:

• Flutter 위젯 라이브러리
• Flutter Container 위젯