본문 바로가기

react native28

[React Native] borderStyle 적용되지 않는 경우 지난 번에 작업 중에 아래와 같은 레이아웃을 구현해야하는 경우가 있었습니다. 단순히 borderStyle을 dashed로 지정해주면 되는 문제였는데요, 적용이 되지 않았습니다. 문제를 찾아보니 borderRadius 값을 추가해주어야 borderStyle dotted 혹은 dashed가 지정된다고 합니다. 따라서 아래와 같이 구현을 할 수 있습니다. 이 때 borderRadius 값은 꼭 1이 아니고 다른 값이어도 됩니다. 참고 https://stackoverflow.com/questions/48258084/borderstyle-not-working-in-android-react-native/67277224#67277224 borderStyle not working in android - react-na.. 2021. 5. 26.
[React Native] TextInput returnKeyType이 적용이 되지 않는 경우 얼마 전 프로젝트를 진행할 때 textInput에서 returnKeyType을 적용해야하는 경우가 있어 적용을 했습니다. returnKeyType은 키보드 우측 하단에 있는 버튼을 어떤 타입으로 할 건지를 결정하는 prop입니다. 아래 링크와 사진을 참고하시면 이해에 도움이 될 것입니다. https://reactnative.dev/docs/textinput#returnkeytype TextInput · React Native A foundational component for inputting text into the app via a keyboard. Props provide configurability for several features, such as auto-correction, auto-cap.. 2021. 5. 24.
[React Native] 안드로이드 gradle clean React Native에서 빌드를 할 때 안드로이드 쪽에서 문제가 발생하면 아래 명령어를 입력해보시는 것을 추천드립니다. cmd 창이나 터미널 창에서 프로젝트 경로로 이동하신 이후 cd android gradlew clean 안드로이드에서 gradle의 캐시를 초기화하는 명령어로 알고 있는데요, 안드로이드 폴더에서 어떤 사항을 변경하셨을 때 오류가 터진 경우, 혹은 모듈을 다운받았는데 잘 실행이 되지 않는 경우, 저는 이 명령어를 실행해 오류를 해결한 경험이 있습니다. 2021. 5. 24.
[React Native] 캐시(Cache) 리셋 React Native 개발을 하다 보면 캐시에 이전 데이터가 남아 오류가 발생하는 경우가 있습니다. 저 같은 경우는 .env 파일에서 호스트 주소, 포트 번호 등 서버 주소에 대한 정보를 변경할 때 이런 문제가 발생했습니다. 포트 번호와 호스트 주소를 .env 파일에서 변경해주었는데 캐시에 이전 데이터가 남아 있어 변경한 부분이 적용되지 않던 문제가 있었습니다. 이러한 경우에는 cmd창 혹은 터미널 창을 열고 프로젝트 경로로 들어가 아래의 명령어를 입력해주시면 됩니다. react-native start --reset-cache 이 때 주의하실 점은 react-native start가 metro server를 켜는 명령이기 때문에 metro server가 꺼져있는 상태에서 이 명령어를 수행하셔야 합니다... 2021. 5. 23.