[2주차/세미나] CustomTextField 제작

[jihyunniiii]

⚙️ 실습 타임 - CustomTextField를 제작해 봅시다!

❗️CustionTextField를 만들 때 인자로 받아야 할 것들은 무엇이 있을까요?

Custom Component를 만들 때에는 가장 먼저 만들어야할 Component를 분석하며 어떤 것들을 인자로 받을 것인지를 설계해야합니다.
이 부분이 탄탄하지 않으면 다음 단계도 흔들려 Component를 계속 수정해야하니, 충분히 고민한 후 진행하는 것이 필수적이겠죠?
같은 금잔디조 조원들과 하단의 TextField를 만들기 위해서 어떤 것들을 인자로 받으면 좋을지 이야기해주세요!

[HAJIEUN02]

8조입니다! 우리팔조하조 ㅋ.ㅋ
색상 조절을 위해 Modifier를 우선적으로 꼭 받고, placeholder 값, 조건에 맞는 텍스트인지 아닌지를 의미하는 state 값과 이 state에 따라 변화하는 Boolean 값, 조건에 맞는 텍스트가 아닌 경우 발생하는 에러메세지 값, value와 onValueChange 값을 받으면 될 것 같습니다!

[jihyunniiii]

몇 조인지 적어주시와요 ㅠㅠ

[Hyobeen-Park]

3조입니당!

hint 텍스트 -> placeholder
error 텍스트
에러인지 아닌지
modifier
value
onvaluechange
색상
키보드 액션
maxline
textStyle

[yskim6772]

[24조 (2조와 4조가 24조로 이사했어요.. ㅎㅎ)]

CustomTextField를 제작하기 위해 필요한 것들을 다음과 같습니다!

1. value, onValueChange
2. Modifier
3. placeholder - hint를 위해서 필요함
4. supportingText, isError - 에러메시지를 표시하기 위해서 필요함
5. colors - textfield의 배경색이나 글씨색 등을 커스텀하기 위해 필요함
6. 추가적으로, maxLines 속성을 써서 두줄을 넘어가지 않게끔 하는 작업도 있으면 좋을 것 같음

[hyoeunjoo]

7조

placeHolder값, 색상 및 텍스트 스타일을 정의할 수 있는 Modifier와 value, OnValueChange, 조건 변화에 따른 State, 조건에 맞지 않을 때 나타나는 errorMessage 등이 좋을 것 같습니다!

[boiledEgg-s]

금쪽이 훈육조의 의견입니다!

필수

• value
• error label
• hint
• onValueChange
• 조건 확인용 boolean 변수
• 색상 (힌트, 텍스트, 배경 색 등등...)
• 수정자

선택 (범용성)

• maxline
• keyboardOption
• visualTransformation

[0se0]

1조

필수

• Value
• onValueChange
• Placeholder
• Error message
• keyboardOptions
• modifier
• 조건확인 - isPassword(과제 내, id pw 구분하기 위한)
• textStyle

*선택

• 라인 수
• keyboardOption