Programming/React Native5

• 

  [React Native] KeyboardAvoidingView & ScrollView 사용법 회원 로그인 화면에서 input을 클릭했을 때 키보드가 위로 올라가게 되는데, 이 떄 하단의 내용 일부가 키보드에 가려지는 문제가 있었다. 그래서 React Native의 KeyboardAvoidingView와 그 내부의 ScrollView를 활용해 문제를 해결했다. LoginScreen.js ... 회원 아이디 ... 먼저 기존의 최상위 View를 KeyboardAvoidingView로 교체한다. 두 가지 인자를 볼 수 있는데, 첫째는 behavior이고, 둘째는 keyboardVerticalOffset이다. behavior behavior는 키보드가 올라왔을 때, 기존 화면이 어떻게 동작할지를 정하는 인자다. 1. height input창이 키보드로부터 keyboardVerticalOffset 거리만.. Programming/React Native 2022. 12. 15.

• 

  Android Debug Bridge 설정하기 React Native 앱을 안드로이드 스마트폰에서 개발자 모드로 실행하기 위해서 Android Debug Bridge 설정이 필요하다. 안드로이드 adb 설치 및 설정 방법 Android ADB (Android Debug Bridge)는 PC와 스마트 폰 간에 통신을 할 수 있는 명령어도 도구입니다. 안드로이드 개발자에게는 apk 설치, log 출력의 등의 개발에 많은 활동에서 adb를 거의 매일 사용하고 있 kibua20.tistory.com Programming/React Native 2022. 12. 9.

• 

  [React Native] AsyncStorage 공식 문서 번역하기 React Native 코드 공부하다 마주친 녀석 🚧 AsyncStorage · React Native Deprecated. Use one of the community packages instead. reactnative.dev Deprecated 되었다. 대신 community packages를 써라(!) AsyncStorage는 앱 전역적인 암호화되지 않은, 비동기적인, 지속적인, 키-값 저장 시스템이며, LocalStorage 대신 쓰여야 한다. 간단하게 사용할 때를 제외하고 AsyncStorage를 직접 쓰는 것보다, 상단에서 추상화하는 것을 권한다. 왜냐하면 AsyncStorage가 전역적으로 작동하기 때문이다. iOS에서는 serialized된 dictionary 형태의 작은 값들과 구분된 .. Programming/React Native 2022. 12. 9.

• 

  [react-native]react-native-paper Snackbar: 액션에 맞는 temporary한 하단 메시지 띄워주는 도구 https://callstack.github.io/react-native-paper/snackbar.html Snackbar · React Native Paper Snackbars provide brief feedback about an operation through a message at the bottom of the screen. callstack.github.io Programming/React Native 2022. 12. 8.

• [React Native] ESLint, Prettier 사용하기 https://dev-yakuza.posstree.com/ko/react-native/eslint-prettier-husky-lint-staged/ React Native에서 ESLint, Prettier를 프로처럼 사용하기 React Native 프로젝트에 ESLint와 Prettier를 적용하는 방법과 Husky, lint-staged로 프로처럼 사용하는 방법에 대해서 알아봅니다. dev-yakuza.posstree.com Programming/React Native 2022. 9. 10.