[flutter] RichText에서 텍스트 입력 기능 추가하기

RichText는 Flutter에서 다양한 스타일의 텍스트를 표시하기 위한 위젯입니다. 하지만 RichText 자체에는 텍스트를 입력할 수 있는 기능이 없습니다. 그러나 TextField 위젯을 사용하여 RichText 내에서 텍스트 입력 기능을 추가할 수 있습니다.

다음은 RichText 안에서 TextField를 사용하는 방법입니다.

RichText(
  text: TextSpan(
    children: [
      TextSpan(
        text: '이 텍스트는 RichText 위젯으로 표시됩니다.',
        style: TextStyle(color: Colors.black),
      ),
      TextSpan(
        text: '여기에 입력된 텍스트는 TextField 위젯으로 입력됩니다.',
        style: TextStyle(color: Colors.black),
      ),
    ],
  ),
);

TextField를 RichText 내에 배치하여 텍스트 입력과 텍스트 스타일링을 함께 사용할 수 있습니다.

텍스트 입력을 받는 동안 스타일을 변경하거나 특정 단어에 다른 스타일을 적용하고 싶을 때는 TextEditingControllerTextSpan을 사용할 수 있습니다.

참고 자료: