프로그래밍119 [React Native] TextInput의 secureTextEntry 속성 적용 시 문제 회원가입 화면을 만들 때, 비밀번호와 비밀번호 확인으로 2번 입력을 받는다 이때 발생하는 문제! 개발환경은 react-native: 0.65.1 iOS: 15.2 ... ... 이렇게 연속으로 TextInput을 놓았을 때 발생한다 원인 불명하여 구글신에게 물어보니, TextInput의 속성으로 textContentType="oneTimeCode"로 해보라고 한다 역시는 역시 되긴 된다. 다만, textContentType="oneTimeCode"가 뭔진 알고 써야해서 또 찾아보니 iOS 12+에서 SMS로 도착하는 코드를 필드에 자동으로 채워주려 할 때 사용한다고 한다 react-native 0.68 거의 최신 버전과 iOS 15.4에서도 아직 지속되고 있다는 댓글도 있다보니 문제이긴 한듯... 빨리 .. 2022. 4. 14. [React Native] SVG 파일 사용 시, 터치이벤트 이슈 react-native-svg를 이용하여 svg파일을 컴포넌트로 적용으로 성공하였으나 이벤트를 주려고 하니 문제가 발생하였다. iOS만;; command + d를 눌러 Show Inspector로 확인해보니 영역을 이상하게 잡고 있는 부분이 확인되었다 구글신에게 물어보니 2가지 해결책을 제시해 준다 1. pointerEvents="none" function SvgComponent() { return ( // Svg 컴포넌트 ) } 2. overflow: hidden function SvgComponent() { return ( // Svg 컴포넌트 ) } 속성에 대한 정보는 직접 찾아보기로 하고 일단 여기까지 끝. 2022. 4. 5. [React Native] 이미지를 .svg 파일로 적용하기 다양한 해상도의 기기들을 만족시키기 위해 여러 .png파일을 사용해도 되지만, .svg파일 하나로 대응해보고자 한다(안드로이드에 .svg파일을 적용한 경험을 살려서!) GitHub - react-native-svg/react-native-svg: SVG library for React Native, React Native Web, and plain React web projects. SVG library for React Native, React Native Web, and plain React web projects. - GitHub - react-native-svg/react-native-svg: SVG library for React Native, React Native Web, and plain .. 2022. 3. 20. Color alpha값 또는 transparency(투명도) hexadecimal(16진수) 100~0%까지 정리 시작~ 100% FF 99% FC 98% FA 97% F7 96% F5 95% F2 94% F0 93% ED 92% EB 91% E8 90% E6 89% E3 88% E0 87% DE 86% DB 85% D9 84% D6 83% D4 82% D1 81% CF 80% CC 79% C9 78% C7 77% C4 76% C2 75% BF 74% BD 73% BA 72% B8 71% B5 70% B3 69% B0 68% AD 67% AB 66% A8 65% A6 64% A3 63% A1 62% 9E 61% 9C 60% 99 59% 96 58% 94 57% 91 56% 8F 55% 8C 54% 8A 53% 87 52% 85 51% 82 50% 80 49% 7D 48% 7A 47% 78 46% 75 45% 73 4.. 2022. 3. 10. [React Native] iOS Multiple commands produce... .ttf 또는 .otf 관련 에러 커스텀 폰트를 추가하려다 react-native link 명령어를 사용했더니... 두둥! 이런 에러를 Xcode에서 내뿜는다. 뿜뿜!! 확인해보니 react-native link 명령어로 인해 react-native-vector-icons에서 잠자고 있던 리소스들을 깨워(?) 중복이 발생하여 벌어지는 에러이다 위 이미지를 보면 react-native-vector-icons도 보이고 Zocial.ttf도 보인다 그래서 .ttf 관련 파일들의 참조를 없애주면 해결 가능하다 (추가로 android는 문제없었으며 iOS에서만 발생했다) 위 이미지와 관련된 에러를 Xcode에서 확인 시, Build Phases > Copy Bundle Resources에서 커스텀 폰트(.ttf나 .otf 파일)를 제외한 나머지 .. 2022. 3. 10. 이전 1 2 3 4 5 6 7 ··· 24 다음
