[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 내에 배치하여 텍스트 입력과 텍스트 스타일링을 함께 사용할 수 있습니다.
텍스트 입력을 받는 동안 스타일을 변경하거나 특정 단어에 다른 스타일을 적용하고 싶을 때는 TextEditingController 및 TextSpan을 사용할 수 있습니다.
참고 자료:
- Flutter - Official documentation (https://flutter.dev/docs)
- Flutter - TextField class (https://api.flutter.dev/flutter/material/TextField-class.html)