[flutter] RichText의 텍스트 크기 조절하기

Flutter에서 RichText 위젯을 사용하면 서로 다른 텍스트 스타일을 가진 다중 텍스트를 표시할 수 있습니다. 이것은 텍스트 크기 조절을 위한 유용한 방법이 될 수 있습니다.

RichText 위젯 소개

RichText 위젯을 사용하면 다양한 스타일과 서식을 가진 복잡한 텍스트를 올바르게 표시할 수 있습니다. 이 위젯은 다른 폰트, 색상, 크기 및 스타일을 가진 여러 개의 TextSpan을 포함할 수 있습니다.

예를 들어, RichText를 사용하여 제목에는 큰 텍스트를, 부제목에는 작은 텍스트를 표시하거나, 특정 단어를 강조하는 등 다양한 스타일이 필요한 경우 유용하게 사용할 수 있습니다.

텍스트 크기 조절하기

RichText 위젯에서 각 텍스트 스팬의 스타일마다 fontSize 속성을 사용하여 텍스트 크기를 조절할 수 있습니다. 아래의 예제에서는 두 개의 TextSpan을 사용하여 서로 다른 크기의 텍스트를 나란히 표시하는 방법을 보여줍니다.

RichText(
  text: TextSpan(
    children: [
      TextSpan(
        text: '큰 텍스트 ',
        style: TextStyle(fontSize: 20),
      ),
      TextSpan(
        text: '작은 텍스트',
        style: TextStyle(fontSize: 14),
      ),
    ],
  ),
)

위의 예제에서 첫 번째 텍스트 스팬은 크기 20, 두 번째 텍스트 스팬은 크기 14로 설정되어 있습니다. 이를 통해 서로 다른 크기의 텍스트를 표시할 수 있습니다.

결론

RichText 위젯을 사용하여 텍스트의 크기를 조절하는 것은 여러 가지 텍스트 스타일을 혼합하여 표시하는 작업에서 유용합니다. 위의 예제를 참고하여 다양한 텍스트 크기 조절을 시도해 보세요.

더 많은 정보를 원하시면 Flutter 공식 문서를 참고해 주세요.