Перечисление KeyboardDismissMode

Перечисление KeyboardDismissMode задает строки для параметра keyboardDismissMode у ScrollView и списков с прокруткой. Значение решает, скрывается ли клавиатура при жесте прокрутки.

Синтаксис

keyboardDismissMode="on-drag"

Значения

Значение	Описание
`'none'`	Клавиатура остается открытой при прокрутке.
`'on-drag'`	Клавиатура прячется, когда пользователь начинает тянуть прокрутку.
`'interactive'`	Клавиатура следует за жестом прокрутки и может вернуться, если жест отменен.

Значение по умолчанию: 'none'.

Пример

Давайте спрячем клавиатуру при начале прокрутки:

import { ScrollView, TextInput, Text } from 'react-native';

export default function App() {
	return (
		<ScrollView keyboardDismissMode="on-drag">
			<TextInput placeholder="abcde" />
			<Text>12345</Text>
			<Text>abcde</Text>
		</ScrollView>
	);
}

На экране при прокрутке списка поле ввода потеряет фокус и клавиатура скроется.

Пример

Давайте оставим клавиатуру при прокрутке явным значением 'none':

import { ScrollView, TextInput } from 'react-native';

export default function App() {
	return (
		<ScrollView keyboardDismissMode="none">
			<TextInput placeholder="12345" />
		</ScrollView>
	);
}

На экране клавиатура не закроется от жеста прокрутки сама по себе.

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

перечисление KeyboardShouldPersistTaps,
которое решает, останется ли клавиатура после касания
компонент ScrollView,
который принимает keyboardDismissMode
компонент TextInput,
который открывает клавиатуру
компонент KeyboardAvoidingView,
который сдвигает экран из-под клавиатуры