/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

1 vote201 views1 answer
Column width table react
Javascript React
0 vote225 views1 answer
Create react app node: internal/modules/cjs/loader:936throw err;^Error: Cannot find module 'react-scripts/scripts/init.js'
Javascript React
0 vote280 views3 answers
Create react app theme_color
Javascript React
0 vote259 views1 answer
Textinput multiline start from top react native
Javascript React
64 votes211 views6 answers
Router react
Javascript React
0 vote205 views1 answer
React onpaste get value
Javascript React
0 vote196 views1 answer
React Native - Trigger Media Scanner
Javascript React
2 votes159 views1 answer
Yarn create react-app test00h00m00s 0/0: : ERROR: [Errno 2] No such file or directory: 'create'
Javascript React
0 vote197 views1 answer
React hero slider
Javascript React
0 vote200 views1 answer
Import ipcRenderer in react
Javascript React