/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 vote80 views2 answers
React filter buttons
Javascript React
0 vote127 views1 answer
This.props undefined react native
Javascript React
3 votes121 views5 answers
./src/App.js Attempted import error: 'Switch' is not exported from 'react-router-dom'.
Javascript React
2 votes130 views3 answers
How to get current date in react js
Javascript React
3 votes120 views2 answers
React get route path
Javascript React
0 vote159 views1 answer
Get size of a View in React Native
Javascript React
2 votes122 views1 answer
React Refused to execute inline script because it violates the following Content Security Policy directive
Javascript React
12 votes164 views3 answers
Vs code emmet for html in react
Javascript React
5 votes141 views1 answer
React native break line text if too big
Javascript React
0 vote134 views1 answer
Card react native
Javascript React