BottomSheet 위젯을 사용할 때는 보통 기본 투명 배경이 적용됩니다. 하지만 이 배경을 원하는 색이나 그라디언트로 설정하고 싶을 때가 있습니다. 아래는 이를 설정하는 방법입니다.

우선, BottomSheet가 표시될 때 배경에 원하는 스타일을 적용하기 위해 Container 위젯을 사용합니다. Container의 속성 중 하나인 decoration을 이용하여 배경을 설정합니다. 아래의 예시 코드는 배경을 회색으로 설정하는 방법을 보여줍니다.

showBottomSheet(
  context: context,
  builder: (BuildContext context) {
    return Container(
      decoration: BoxDecoration(
        color: Colors.grey,
      ),
      child: // BottomSheet 내용
    );
  }
);

이처럼, BottomSheet를 표시할 때 Container를 이용하여 decoration을 설정하면 BottomSheet의 백그라운드를 자유롭게 원하는 스타일로 꾸밀 수 있습니다.