/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

2 votes286 views1 answer
Import React, { memo } from 'react';
Javascript React
5 votes261 views4 answers
React native status bar
Javascript React
0 vote222 views1 answer
React app link description preview
Javascript React
0 vote258 views1 answer
Event pooling in react/event.persist/using async function in event callback
Javascript React
11 votes248 views2 answers
React must be in scope when using jsx
Javascript React
0 vote242 views1 answer
React should write method in a functional component or outside functional component
Javascript React
18 votes260 views1 answer
Get specific characters from state variable reactjs
Javascript React
0 vote271 views1 answer
Create react app cloudfront invalidation
Javascript React
0 vote261 views1 answer
Retour à la ligne react native
Javascript React
0 vote260 views1 answer
Routing in react jps
Javascript React