본문 바로가기
Flutter/Flutter FAQ

Flutter 플러터에서 텍스트 위젯에 아이콘을 표시하는 방법은 무엇인가요?, How to show Icon in Text widget in flutter?

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

질문


나는 텍스트 위젯에서 아이콘을 보여주고 싶습니다. 어떻게 해야 할까요?

다음 코드는 IconData만 보여줍니다.

Text("Click ${Icons.add} to add");

답변


Flutter는 RichText() 내부에 위젯을 추가하기 위해 WidgetSpan()을 사용합니다.

예시:

RichText(
  text: TextSpan(
    children: [
      TextSpan(
        text: "Click ",
      ),
      WidgetSpan(
        child: Icon(Icons.add, size: 14),
      ),
      TextSpan(
        text: " to add",
      ),
    ],
  ),
)

위 코드는 다음과 같은 결과를 출력합니다:

image

WidgetSpan의 자식 요소를 일반적인 위젯과 같이 다룰 수 있습니다.

반응형

댓글