Метод isVisible

Метод isVisible класса Keyboard синхронно возвращает булево значение. true означает, что клавиатура сейчас показана.

Синтаксис

const res = Keyboard.isVisible();

Параметры

Параметр	Описание
-	Аргументы не передают.

Пример

Давайте выведем результат проверки в консоль:

import { Keyboard } from 'react-native';

const res = Keyboard.isVisible();
console.log(res);

Результат выполнения кода:

false

Пока клавиатура закрыта, в консоли будет false. После открытия поля значение станет true.

Пример

Давайте покажем на экране разный текст в зависимости от isVisible:

import { useState } from 'react';
import { View, Text, TextInput, Button, Keyboard } from 'react-native';

export default function App() {
	const [text, setText] = useState('abcde');
	const [visible, setVisible] = useState(false);

	const onCheck = () => {
		setVisible(Keyboard.isVisible());
	};

	return (
		<View>
			<TextInput
				value={text}
				onChangeText={setText}
			/>
			<Button title="12345" onPress={onCheck} />
			<Text>{visible ? '12345' : 'abcde'}</Text>
		</View>
	);
}

На экране поле, кнопка и подпись. После открытия клавиатуры и нажатия кнопки подпись меняется на '12345'.

Смотрите также

метод dismiss,
который закрывает клавиатуру
метод addListener,
который слушает события клавиатуры
класс Keyboard,
который управляет экранной клавиатурой
компонент TextInput,
который принимает текст с клавиатуры