[Flutter] Text.rich과 TextSpan 사용해서 부분적으로 다른 색상 적용하기

Text의 rich위젯

: 다양한 스타일과 서식을 적요할 수 있는 텍스트 위젯

TextSpan

: 여러개의 TextSpan위젯을 포함하는 위젯

→ 여러부분으로 나누어진 텍스트를 구성할 수 있다.

Widget _title({required String nickname}) {
    return Text.rich(
        TextSpan(
          children: [
            TextSpan(
              text: nickname,
              style: TextStyle.title3.copyWith(color: Color.blue)
            ),
            const TextSpan(
              text: '님! 반가워요',
              style: CGTextStyle.title3
            ),
          ],
      ),
    );
  }