# RichText

10개의 포스트
post-thumbnail

[Flutter] 검색창 만들어보기 - 텍스트 필터링 (BLoC + 네이버 API)

검색창 만들어보기 - 텍스트 필터링 Naver Developer 검색 > 블로그 Documents Postman API Platform flutter_bloc | Flutter Package http | Dart Package 이번 글에서는 만들어 보면 좋을 기능

2023년 6월 7일
·
0개의 댓글
·
post-thumbnail

[flutter] 하이퍼링크 처리

RichText 를 이용해서 a태그처럼 Flutter 에서도 써보자!

2023년 2월 2일
·
0개의 댓글
·
post-thumbnail

[Flutter / RichText] 일반 텍스트 크기와 RichText 텍스트 크기가 다를 때 해결 방법

RichText를 사용해 작업하던 중 같은 폰트, 같은 사이즈, 모든 옵션이 모두 같은데 WidgetSpan 내의 Text와 TextSpan의 Text가 사이즈가 달라보이는 것을 확인했습니다좌 widgetSpan-Text, 우 TextSpan이것은 Text 위젯의 si

2023년 1월 23일
·
0개의 댓글
·
post-thumbnail

[Flutter]Text(),TextSpan,RichText

텍스트를 화면에 그려주는 Text()텍스트에 스타일을 주는 TextStyle()텍스트마다 다양한 스타일을 주고 싶을때 사용하는 RichText() 또는 Text.rich()문자열을 분리시켜주는 TextSpan()RichText는 TextSpan으로 구성된 트리로 이루어

2022년 8월 5일
·
0개의 댓글
·
post-thumbnail

[Flutter][Widget] RichText , Textspan(같은 줄에 서로 다른 TextStyle 가진 Text 만들 때)

참고 사이트https://eunjin3786.tistory.com/421아래 예제 처럼 같은 줄에 서로 다른 TextStyle 가진 Text 만들 때 사용한다.위젯 구조참고 예시 코드문서의 예제처럼 Hello의 children으로 bold랑 world를 두기

2022년 7월 26일
·
0개의 댓글
·
post-thumbnail

Flutter : richText를 이용해 아이콘과 제목, 내용이 담긴 Textbox를 한 번 만들어보자 : )

RichText해당 택스트를 어떻게 만들어야 할까??해당 예제를 보고, 처음에 이런 생각을 했다.텍스트에 배경색을 주어야겠네?텍스트 옆에 아이콘을 줄 수 있어야겠네?텍스트의 크기를 다르게 (스타일을 다르게) 만들 수 있어야겠네??텍스트 박스 사이, 왼쪽 오른쪽 사이에는

2022년 7월 1일
·
0개의 댓글
·
post-thumbnail

[Flutter] RichText

여러 개의 다른 스타일을 가진 문자(또는 위젯을)를 화면에 그린다.TextSpan의 children 속성을 이용하여 문자별로 다양한 스타일을 지정할 수 있다.위 방식과 똑같은 방식이지만 WidgetSpan을 이용하여 위젯으로 다양하게 꾸밀 수도 있다.

2021년 9월 1일
·
0개의 댓글
·
post-thumbnail

Long String 내에서 원하는 단어에 Style 다르게 적용하기

위의 사진처럼 길이가 긴 String 내에 특정 단어에만 다른 TextStyle을 적용해야 하는 경우가 있다.강조를 위해서, 또는 해당 단어에 Recognizer를 추가하는 경우등등 상황은 여러가지 일수 있다.이럴때 RichText를 응용하여 사용하면 된다.코드에 관한

2021년 2월 4일
·
0개의 댓글
·
post-thumbnail

여러가지 Style을 하나의 Text에 적용하기

아래와 같이 하나의 Text위젯에 다양한 TextStyle을 적용해야 하는 경우가 있다. 이 문제는 하나의 Text Widget으로 해결하는 것은 불가능 하다. 이럴 때 사용하는 위젯이 RichText이다.코드 예시는 아래와 같다. RichText위젯 아래에 자식 위

2021년 1월 26일
·
0개의 댓글
·