إخفاء لوحة المفاتيح عند الضغط على أي مكان في الشاشة React Native

يمكنك استخدام مكون عالي المستوى لتحقيق ذلك.

import React from 'react';
import { TouchableWithoutFeedback, Keyboard, View } from 'react-native';

const DismissKeyboard = Comp => {
	return ({ children, ...props }) => (
		// TouchableWithoutFeedback
		// .يعمل عن طريق جعل أحد المكونات ملموسًا، ولكن دون أن يستجيب بتعليقات مرئية
		<TouchableWithoutFeedback onPress={Keyboard.dismiss} accessible={false}>
			<Comp {...props}>
				{children}
			</Comp>
		</TouchableWithoutFeedback>
	);
};

const DismissKeyboardView = DismissKeyboard(View)

والآن يمكنك إستخدامها هكذا:

const Test = () => {
	return (
		<DismissKeyboardView>
			<TextInput />
		</DismissKeyboardView>
	);
};