/Javascript/React/React native textinput disable keyboard

React native textinput disable keyboard

TextInput disable react native

<TextInput editable={false} selectTextOnFocus={false} />

Source: stackoverflow.com

React native textinput no keyboard

<TouchableWithoutFeedback onPress={Keyboard.dismiss} >
    <TextInput />
</TouchableWithoutFeedback>

Source: stackoverflow.com

React native disable the text input

<TextInput editable={false} />

Source: stackoverflow.com

React native textinput disable keyboard

            // 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>

Similar codes

0 vote318 views1 answer
Dynamic for loop react
Javascript React
0 vote338 views1 answer
Error: Error: Unable to resolve module `react-native-gesture-handler` from `node_modules\@react-navigation\native\lib\module\Scrollables.js`: react-native-gesture-handler could not be found within the project.
Javascript React
0 vote344 views1 answer
Sanity react
Javascript React
0 vote312 views3 answers
Scrollview refresh react native
Javascript React
0 vote297 views1 answer
Import React from 'react'; import {Router, Scene} from 'react-native-router-flux';
Javascript React
1 vote314 views1 answer
How to install react fullpage using npm
Javascript React
1 vote321 views2 answers
Autofocus react
Javascript React
3 votes316 views1 answer
React icons in nextJS
Javascript React
0 vote353 views1 answer
How to load a javascript game from react
Javascript React
-2 votes327 views1 answer
How to hide keyboard in react native
Javascript React