            // Step 1: Get Keyboard, TouchableWithoutFeedback from ‘react-native’;
            import { View, TextInput, StyleSheet, Keyboard,  TouchableWithoutFeedback } from 'react-native';

            // Step 2: Create an arrow function to write dismiss keyboard code
            const DismissKeyboard = ({ children }) => (
                <TouchableWithoutFeedback onPress={() => Keyboard.dismiss()}>
                    {children}
                </TouchableWithoutFeedback>
                );

            // Step 3: Wrap all TextInput inside <DismissKeyboard> </DismissKeyboard>
            //Example
            <DismissKeyboard>
                <View style={styles.container}>
                    <TextInput style={styles.input} placeholder="email" />
                    <TextInput style={styles.input} placeholder="password" />
                </View>
            </DismissKeyboard>

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: disable javascript keyboard react-native textinput

Link to this answer
Share Copy Link

Contributed on Jan 09 2021

Dead Dotterel

0 Answers Avg Quality 2/10

react native textinput disable keyboard

Contents

More Related Answers

react native textinput disable keyboard

Closely Related Answers

react native disable the text input

react native textinput disable keyboard

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.