본문 바로가기
Flutter/Flutter FAQ

Flutter 플러터에서 텍스트에 그림자를 추가하는 방법은 무엇인가요?, How to add shadow to the text in flutter?

by 베타코드 2023. 10. 1.
반응형

질문


TextStyle에서 그림자 옵션을 찾아보았지만 찾을 수 없었습니다. 그래서 질문합니다: 플러터에서 텍스트에 그림자를 추가하는 방법은 무엇인가요? 가능한가요? 예시:

new Text(
"asd"
style: new TextStyle( 
//그림자 추가?
));

답변


텍스트 그림자는 TextStyle의 속성으로 이 커밋부터 사용 가능합니다.

텍스트 그림자를 활성화하려면 Flutter의 최신 버전($ flutter upgrade)을 사용하고 TextStyle.shadowsList<Shadow>를 제공하십시오:

import 'dart:ui';

...

Text(
  '안녕하세요, 세계!',
  style: TextStyle(
    shadows: <Shadow>[
      Shadow(
        offset: Offset(10.0, 10.0),
        blurRadius: 3.0,
        color: Color.fromARGB(255, 0, 0, 0),
      ),
      Shadow(
        offset: Offset(10.0, 10.0),
        blurRadius: 8.0,
        color: Color.fromARGB(125, 0, 0, 255),
      ),
    ],
  ),
),

...

그림자는 제공된 순서대로 그려집니다.

반응형

댓글