일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
31 |
- ReactNative
- asyncstorage
- algorithm
- 2023년 정처기 필기
- 뒤로가기구현
- 페이지리렌더링
- JSON
- 리액트네이티브
- 자동로그인
- C++98에러
- 리액트
- touchableopacity
- 리액트 네이티브
- fcm push
- vision-camera
- modal
- React
- Flatlist
- API
- 모달에서뒤로가기
- 모달
- 재귀함수
- 가격자릿수
- 순열
- TextInput
- fcm 푸시
- Icon
- makePermutation
- react-native
- 알고리즘
- Today
- Total
목록TextInput (5)
생각은 길게 코딩은 짧게

TextInput에 모든 값이 입력되지 않았을 경우에 버튼을 비활성화 TextInput에 모든 값이 입력되었을 경우엔 버튼을 활성화 시켜보았습니다. 글자 수 제한을 구현했을 때 사용했던 삼항연산자를 사용하여 처리해주었습니다. 삼항연산자에 대해 자세한 설명이 필요하시면 요 포스팅을 보시면 됩니다 [React-Native] 글자 수 제한하기 리스트의 값들을 뿌려주는 중 해시태그의 길이가 늘어나면서 글이 레이아웃을 침범해버리는 현상이 나타났다 ! ✅ slice 함수 사용하기 배열로부터 특정 범위를 복사한 값들을 담고 있는 새로운 sayhee.tistory.com ✅ 삼항연산자 사용 {/* 상품 등록하기 버튼 부분*/} {this.state.number.trim() != 0 && this.state.name.t..

독감으로 앓는다고 일주일 쉬었따...ㅠㅠ (꿀맛 같았음) 다들 추운데 감기 조심하세요 사업자번호 사진을 찍으면 번호가 따와져 그 값을 바로 TextInput에 자동으로 들어가도록 구현했습니다 ✅ navigation.navigate함수의 두 번째 매개 변수로 객체에 매개 변수를 넣어 경로에 매개 변수를 전달 this.props.navigation.navigate('SignUp',{companyNo:this.state.companyNo}); //TextInput에 나타내주기 위해 사업자번호 보내줌 ✅ initialParams 속성을 사용하여 기본값 지정 ✅ props가 업데이트 되면 받아온 값들을 저장 ( 사업자번호 사진 & 사업자번호 ) - react 문서를 참고하였습니다 componentDidUpdate..

🔻 로그인 버튼을 눌렀을 때 아이디 비밀번호가 DB에 없을 경우 오류메시지와 함께 비밀번호 값을 비워보았따 ✅ React.createRef() this.passwordRef = React.createRef(); ✅ 조건문 걸어주기 if(response.id == "0" ) { this.setState({ confirmreg : false }); this.passwordRef.clear(); return false; } 로그인 정보가 서버에 없을 경우 제가 받는 response message가 {id: 0} 이므로 id 값이 0일 경우에 오류 메시지와 함께 비밀번호 창을 비우게 해주었습니다. 💡 결론 : 비밀번호 창을 비우는 코드는 이것 ! this.passwordRef.clear();

로그인을 할 때 비밀번호를 보이지 않게 별표로 표시하고싶을 때 !! ✅ secureTextEntry의 값을 true로 설정해주기 간단하게 설정할 수 있답니다 :)

함수형 자료가 너무 많은데에 비해 class형은 자료가 많이 없어서 헤맷다 ... 이러한 삽질은 좋지 않으므로 포스팅 해야징 ✅ UseRef를 class형에서 쓰는 방법 ( 출처 - stack overflow ) this.myRef = React.createRef(); 요렇게 React.UseRef를 사용하면 된다 비전 카메라 구현했을 때도 이렇게 했는데... 제대로 알고 쓰지 않으면 이렇게 되는 것이다... 뭐든지 제대로 해야함!! ✅ 적용코드 constructor(props) { super(props); this.nameRef = React.createRef(); } handleModal = () => { const { name ,number,price } = this.state ; if (name ..