목록textinput (1)

하루살이 개발일지

[회고] TextInput 입력을 두 줄로 제한하기 - 인스타그램 설문 기능

⚠️ 해당 글은 완성되지 않은 계속 업데이트 중인 글입니다. 1. 동적으로 TextInput 내에서 두 줄까지 입력 가능하게 하기 언뜻 보기에는 쉬워보이는 기능이지만 React-Native에서 자체에 특정 width가 가득 찼는지 감지하는 기능 혹은 몇 줄 이상 넘어가지 못하게 제한하는 기능이 없어서 구현하기 까다로웠다. 이 기능을 구현하기 위해 생각해 낸 방법은 1) 글자수 제한 2) 어떻게든 2줄에 text가 가득 찼을 때를 감지해 비슷하게 구현하기 두 가지 방법이었다. 인스타그램에서는 어떻게 했는지 모르겠지만, 일단 내가 구현하는 ui는 인스타그램 스티커처럼 폰트나 width가 고정되어 있는 게 아니라, 사용자 screen에 따라 달라지는 ui였기 때문에 글자수를 제한하면 ui가 예쁘게 구현되지 않..
프로젝트/Rizzup 2024. 3. 28. 15:29
이전 Prev 1 Next 다음