Flutter의 `Text` 위젯은 텍스트를 화면에 표시하는 데 사용됩니다. 다양한 속성을 사용하여 텍스트의 스타일, 정렬 및 효과를 지정할 수 있습니다. 아래에 `Text` 위젯의 주요 종류와 각각의 예를 설명하겠습니다.
1. 기본 Text 위젯:
Text(
'Hello, World!',
style: TextStyle(
fontSize: 20.0,
color: Colors.black,
),
)
이것은 가장 기본적인 형태의 `Text` 위젯입니다. 텍스트를 지정하고, 폰트 크기와 색상을 설정했습니다.
2. 폰트 스타일 지정:
Text(
'Flutter is awesome!',
style: TextStyle(
fontSize: 18.0,
fontWeight: FontWeight.bold,
fontStyle: FontStyle.italic,
color: Colors.blue,
),
)
텍스트에 폰트의 굵기와 스타일을 지정할 수 있습니다. 위의 예에서는 볼드체와 이탤릭체로 스타일이 지정되었습니다.
3. 텍스트 정렬:
Text(
'Centered Text',
textAlign: TextAlign.center,
)
텍스트를 정렬할 수 있습니다. `TextAlign` 속성을 사용하여 왼쪽, 오른쪽, 가운데 정렬 등을 지정할 수 있습니다.
4. 텍스트 줄 간격 및 줄 수 제한:
Text(
'This is a long text. This is a long text. This is a long text.',
textAlign: TextAlign.justify,
maxLines: 2,
overflow: TextOverflow.ellipsis,
)
`maxLines` 속성을 사용하여 텍스트의 최대 줄 수를 제한하고, `overflow` 속성을 사용하여 초과된 텍스트를 어떻게 처리할지를 지정할 수 있습니다.
5. 글자 간격 및 줄 간격 조정:
Text(
'Custom Spacing',
style: TextStyle(
letterSpacing: 2.0,
wordSpacing: 5.0,
),
)
글자 간격 및 단어 간격을 조정하여 텍스트의 레이아웃을 더욱 정교하게 제어할 수 있습니다.
이러한 다양한 속성을 조합하여 다양한 텍스트 표시 형식을 만들 수 있습니다.