[React Native] 키보드 내리기 방법

React Native에서 화면에 이미 활성화되어 있는 키보드를 내리려면 React Native API에서 제공하는 키보드 모듈을 사용하면 됩니다. Keyboard 모듈은 키보드를 제어하는 데 사용할 수 있는 몇 가지 메서드를 제공하는데요. 그 중 키보드를 내리기 위해서는 Keyboard.dismiss() 메서드를 사용하면 됩니다. 키보드 내리기 예제 1 특정 버튼을 클릭했을 때 키보드를 내리는 예제입니다. import React from 'react'; import { View, TextInput, Button, Keyboard } from 'react-native'; const MyComponent = () => { return ( Keyboard.dismiss()} /> ); }; export de..

• format_list_bulleted React
• · 2023. 4. 16.
• textsms

[React Native] iOS 시뮬레이터에서 키보드 안 보일 때 해결방법

현상 React Native로 개발 후 iOS 시뮬레이터를 실행했습니다. 터미널에 별다른 오류 로그가 찍히지 않으나 TextInput 컴포넌트를 클릭하면 키보드가 나타나지 않는 현상이 있었습니다. 해결방법 iOS simulator 안에 있는 Textinput에 focus한 상태로 command(cmd) + K를 입력합니다.

• format_list_bulleted React
• · 2023. 4. 2.
• textsms

[React Native] TextInput 별표 표시 방법

secureTextEntry 일반적으로 React Native에서 TextInput 컴포넌트에 내용을 입력하면 우리가 입력한 내용이 그대로 화면에 나타납니다. 비밀번호나 신용카드 번호와 같은 민감한 정보를 다른 사람의 눈에 띄지 않도록 보호하려는 경우 secureTextEntry를 사용합니다. React Native의 secureTextEntry는 TextInput 컴포넌트와 함께 사용할 수 있는 프로퍼티입니다. secureTextEntry가 true로 설정되어 있으면 TextInput 컴포넌트에 입력된 모든 텍스트가 숨겨지고 점이나 별표로 대체되어 비밀번호와 같은 민감한 정보를 보호할 수 있습니다. secureTextEntry 사용 방법 다음은 React Native에서 secureTextEntry를 ..

• format_list_bulleted React
• · 2023. 4. 2.
• textsms