“React Native TextInput Wyłącz klawiaturę” Kod odpowiedzi

TextInput Wyłącz Reacct Native

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

React Native Wyłącz wprowadzanie tekstu

<TextInput editable={false} />
amit.bhagat

React Native TextInput Brak klawiatury

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

React Native TextInput Wyłącz klawiaturę

<Text>

</Text>
development development

React Native TextInput Wyłącz klawiaturę

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

Odpowiedzi podobne do “React Native TextInput Wyłącz klawiaturę”

Pytania podobne do “React Native TextInput Wyłącz klawiaturę”

Więcej pokrewnych odpowiedzi na “React Native TextInput Wyłącz klawiaturę” w JavaScript

Przeglądaj popularne odpowiedzi na kod według języka

Przeglądaj inne języki kodu