본문 바로가기
Flutter/Flutter FAQ

Flutter 플러터에서 컨테이너에 투명도를 적용하는 방법은 어떻게 하나요?, How to put opacity for container in flutter

by 베타코드 2023. 9. 24.
반응형

질문


투명도를 적용하려면 16진수 색상 코드를 포함하는 컨테이너에 어떻게 할 수 있을까요?

다음은 현재 코드입니다:

final body = Container(
  width: MediaQuery.of(context).size.width,

  margin: const EdgeInsets.only(left: 40.0, right: 40.0),
  padding: EdgeInsets.all(28.0),
   decoration: new BoxDecoration(
     color:   const Color(0xFF0E3311),//여기에 투명도를 추가하고 싶습니다.

   border: new Border.all(color: Colors.black54,
   ),
       borderRadius: new BorderRadius.only(
           topLeft: const Radius.circular(40.0),
           topRight: const Radius.circular(40.0),
       bottomLeft: const Radius.circular(40.0),
       bottomRight:const Radius.circular(40.0) )
),

  child: Column(
    children: <Widget>[ email, password,loginButton],
  ),
);

답변


라인을 변경하세요.

const Color(0xFF0E3311)

다음과 같이 변경하세요.

const Color(0xFF0E3311).withOpacity(0.5)

또는 원하는 값으로 변경하세요.

반응형

댓글