본문 바로가기
공부방/Flutter

[Flutter] Text함수(위젯)

by SmartCow 2024. 2. 9.

1. Text위젯이란?

Flutter에서 텍스트를 표시하는 데 사용. 이 위젯은 문자열을 표시하고 다양한 스타일 및 레이아웃 옵션을 설정할 수 있다.

2. 기본적인 형태

Text(
  '텍스트 내용',
  style: TextStyle(
    fontSize: 16.0,
    fontWeight: FontWeight.normal,
    fontStyle: FontStyle.normal,
    color: Colors.black,
    letterSpacing: 1.0,
    // 기타 스타일 옵션들...
  ),
),

여기서 TextStyle 위젯은 텍스트의 스타일을 정의한다. 이것은 텍스트의 크기, 글꼴 가중치, 스타일, 색상 등을 제어한다. Text 위젯 내에서 스타일을 변경하는 것 외에도, TextSpan을 사용하여 텍스트의 일부분에 대해 다른 스타일을 적용할 수도 있다.

3. 예제

Text.rich(
  TextSpan(
    text: 'Hello', // 일반 텍스트
    style: TextStyle(color: Colors.black),
    children: <TextSpan>[
      TextSpan(
        text: ' beautiful', // 일부 텍스트 스타일을 변경하고 싶은 경우
        style: TextStyle(fontWeight: FontWeight.bold, color: Colors.blue),
      ),
      TextSpan(
        text: ' world!', // 나머지 텍스트
        style: TextStyle(color: Colors.black),
      ),
    ],
  ),
),

이처럼, Text.rich 위젯을 사용하면 Text 위젯 내에서 부분적으로 스타일을 변경할 수 있다.