생각은 길게 코딩은 짧게

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

상품 리스트를 보다 상품등록을 원할 때 바로 갈 수 있게 플로팅 버튼을 구현해보았습니다! ✅ Plus 아이콘 ( AntDesign) 사용 import Icons from 'react-native-vector-icons/AntDesign'; ✅ stack class에 이동할 페이지 선언 ( AddGoods) class Stack extends Component { render() { return ( ); } } ✅ 버튼 클릭 시 상품등록 페이지로 이동 {this.props.navigation.navigate("AddGoods")}}> 💡 onpress={this.props.navigation.navigate("AddGoods"} 방식으로 할 경우 Warning: Cannot update a componen..