반응형

keyboard 2

[React Native] Keyboard.dismiss 빈공간 클릭시 키보드 사라지게

React Native Keyboard.dismiss 빈공간 클릭시 키보드 사라지게 React Native에서 textInput을 사용하다 보면 keyboard가 화면에 나타나는데 이 키보드를 사리지게 하는 방법으로 Keyboard.dismiss를 사용하면 됩니다. 이제 이것을 어떻게 사용하냐면은 touchEvent 발생시, 즉 onPress가 생긴 경우 Keyboard.dismiss를 해주시면 됩니다. import React from 'react'; import { View, StyleSheet, Text, Keyboard } from 'react-native'; import { height, width } from '../config/globalStyles'; import { TouchableWith..

[React Native] TextInput 키보드 안나타날 때

React Native TextInput 키보드(keyboard) 안나타날 때 dosen't apper React Native 공부하고 있는 초보입니다. TextInput을 만들고 테스트하는데, 키보드가 안나타나서 당황했는데, 제가 찾은 해결방법을 공유해드리려고 합니다. 분명 위의 화면처럼 TextInput에 커서도 가있고, 키보드로 입력하는건 정상으로 작동이 되는데, ios simulator 내에 키보드가 안뜨더라고요 command(cmd) + k 를 해주시면 소프트웨어 키보드가 나타납니다. command(cmd) + shift + k 를 하드웨어 키보드에서 소프트웨어 키보드로 기본 설정이 변경됩니다. IOS simulator 상단의 탭에서 I/O 에서 keyboard를 보시면 현재 상태를 확인 및 변..

반응형