React-Native unable to type in TextInput

Question

I'm learning react-native, currently learning state.

I have a TextInput on my screen:

however, when I try to type in it the text doesn't appear.

My code:

const Login = ({ navigation } : any) => {

    const [text, setText] = useState('');

    return (           
        <View style={[styles.container, { flexDirection: "column" }]}>
            <View style={{ flex: 1, alignItems:"center", justifyContent:"center" }}> 
                <Image source={require('../assets/images/help.png') } style={{ width: 40, height: 40 }} />
            </View>
            <View style={{ flex: 2, backgroundColor: "#5f6364", borderTopRightRadius:20, borderTopLeftRadius:20 }}> 
                <TextInput style={styles.input}  placeholder="Type here to translate!" onChangeText={newText => setText(newText)} defaultValue={text} />
            </View>            
        </View>      
    )
}

Can someone explain why this is happening?

Ok I've found the problem. turns out I can't use my keyboard to type in the TextBox and I have to use the built in keyboard on the simulator. kinda annoying, — Code Ratchet, Oct 21 '22 at 04:29

score 0 · Answer 1 · answered Oct 21 '22 at 06:16

0

Try replacing the defaultValue with value or remove it completely

answered Oct 21 '22 at 06:16

FaysalB

330
1
11

React-Native unable to type in TextInput

1 Answers1