Метод dismiss
Метод dismiss класса
Keyboard
убирает клавиатуру с экрана.
Фокус с активного поля снимается на стороне системы.
Синтаксис
Keyboard.dismiss();
Параметры
| Параметр | Описание |
|---|---|
| - | Аргументы не передают. |
Пример
Давайте спрячем клавиатуру после нажатия кнопки:
import { useState } from 'react';
import { View, TextInput, Button, Keyboard } from 'react-native';
export default function App() {
const [text, setText] = useState('abcde');
return (
<View>
<TextInput
value={text}
onChangeText={setText}
/>
<Button title="12345" onPress={() => Keyboard.dismiss()} />
</View>
);
}
На экране поле и кнопка. После нажатия клавиатура исчезает.
Пример
Давайте закроем клавиатуру при касании фона экрана:
import { useState } from 'react';
import {
Keyboard,
Pressable,
TextInput,
StyleSheet,
} from 'react-native';
export default function App() {
const [text, setText] = useState('12345');
return (
<Pressable style={styles.wrap} onPress={Keyboard.dismiss}>
<TextInput
value={text}
onChangeText={setText}
/>
</Pressable>
);
}
const styles = StyleSheet.create({
wrap: {
flex: 1,
},
});
На экране поле на фоне. Касание вне поля закрывает клавиатуру.
