react-native-textinput

How can i force TextInput to grow while multiline={false} on react native?

<TextInput ref={inputRef} value={text} style={styles.textInput} returnKeyType="next" placeholder={'placeholder'} scrollEnabled={false} blurOnSubmit={false} onFocus={onFocusInput} textAlignVertical="center" onContentSizeChange={onChangeContentSizeChange} onChangeText={onInputChangeValue} onBlur={onInputBlur} onKeyPress={onInputKeyPress} onSubmitEditing={() =>NextScript(id)} multiline={false} numberOfLines={5} /> The logic is i want onSubmitEditing to take me to next textinputfield and i need the text to wrap one much…

VIEW QUESTION

React Native focus underline

How can I remove the white bar on focus of my TextInput ? I have tried to removed it with underlineColor but I still see it <TextInput style={[styles.input, styles.textArea]} placeholder="Raison de l'absence" value={reason} onChangeText={setReason} underlineColor="transparent" underlineColorAndroid="transparent" autoFocus={false} />; I am…

VIEW QUESTION

How to clear the TextInput on React Native?

it is the state: const[value, setValue]= useState(); it is the code: <View style={styles.messaginginputContainer}> <TextInput multiline style={styles.messaginginput} onChangeText={txt => setNote(txt)} value={value} /> <Pressable onPress={()=>{ clearValue(''); }} > <View> <Text style={{ color: "#f2f0f1", fontSize: 20 }}>ok</Text> </View> </Pressable> </View> i dont know…

VIEW QUESTION

Input field needs to be tapped twice in React Native

I've two input fields in my application. <ScrollView> <View> <Input placeholder={`Enter the amount:`} keyboardType="number-pad" showSoftInputOnFocus={false} onFocusCustom={() => setShowCalulator(true)} onBlurCustom={() => setShowCalulator(false)} caretHidden={true} /> <Input placeholder="Enter a short description: (Optional)" multiline onBlurCustom={() => Keyboard.dismiss()} /> </View> </ScrollView> When we click the…

VIEW QUESTION
Back To Top
Search