[Flutter] 지역적으로 테마바꾸기

박망키·2023년 2월 22일
1

Flutter 야금야금 먹기

목록 보기
97/97
post-custom-banner

Scaffold의 bottomSheet는 기본적으로 컬러가 화이트 색인데
전역테마를 건들지 않으면서 투명으로 바꾸려고 bottomSheet의 위젯을 Container 위젯으로 감싸고 배경색을 아무리 투명으로 줘도 바텀시트 색 자체가 흰색이라 원하는 효과(아래는 흰색 위로갈수록 투명)을 낼 수 없었다

해결한 방법은 Scaffold를 Theme로 감싸서 테마를 바꿨더니 잘 되었다

return Theme(
      data: Theme.of(context).copyWith(
        bottomSheetTheme: BottomSheetThemeData(
          backgroundColor: Colors.transparent
        ),
      ),
      child: Scaffold(
      ...

++ 바텀시트 뒷배경 그라데이션(흰색은 안보여서 빨간색으로 예시)

 bottomSheet: Container(
          decoration: BoxDecoration(
              gradient: LinearGradient(
            begin: Alignment.topCenter,
            end: Alignment.bottomCenter,
            stops: [0, 0.5],
            colors: [
              Colors.white.withOpacity(0),
              Colors.red,
            ],
          )),
          padding: EdgeInsets.only(left: 24.w, right: 24.w, bottom: 20.h),
          child:어쩌구저쩌구....

profile
무럭무럭 자라는 망키
post-custom-banner

0개의 댓글