RichText는 Flutter에서 텍스트를 서식화하기 위한 강력한 도구입니다. 그러나 때로는 RichText 위젯을 사용할 때 텍스트가 자동으로 줄 바꿈되는 것을 원치 않을 수 있습니다. 이번 블로그에서는 RichText에서 텍스트가 자동으로 줄 바꿈되지 않도록 설정하는 방법에 대해 알아보겠습니다.

1. TextOverflow 속성 사용하기

RichText 위젯 안에 포함된 TextSpan의 overflow 속성을 ellipsis나 clip으로 설정하여 텍스트가 자동으로 줄 바뀌지 않도록 할 수 있습니다. 이 설정은 텍스트가 화면에 꽉 찼을 때 생기는 문제를 해결할 수 있는 효과적인 방법입니다.

RichText(
  text: TextSpan(
    children: [
      TextSpan(
        text: 'This is a long text that should not wrap automatically',
        style: TextStyle(
          fontSize: 16.0,
          color: Colors.black,
        ),
        overflow: TextOverflow.clip,
      ),
    ],
  ),
),

2. softWrap 속성 사용하기

RichText 위젯의 softWrap 속성을 false로 설정하여 줄 바꿈을 막을 수도 있습니다. 이는 단일 행의 텍스트로 제한하여 텍스트가 자동으로 줄 바뀌는 것을 방지합니다.

RichText(
  softWrap: false,
  text: TextSpan(
    text: 'This is a long text that should not wrap automatically',
    style: TextStyle(
      fontSize: 16.0,
      color: Colors.black,
    ),
  ),
),

위의 방법들을 통해 RichText 위젯에서 텍스트가 자동으로 줄 바뀌는 것을 피할 수 있습니다. 적절한 설정을 통해 사용자가 원하는 스타일의 텍스트를 자유롭게 표현할 수 있습니다.

이상으로 Flutter의 RichText에서 텍스트가 자동으로 줄 바뀌는 것을 방지하는 방법에 대해 알아보았습니다. 감사합니다.

참고 자료