Open
Description
Current behaviour
As you can see from the image, when using it on a tablet, that line above appears under the label.
Expected behaviour
How to reproduce?
<TextInput
dense
mode="outlined"
label="Dish"
placeholder="Dish"
keyboardType="phone-pad"
maxLength={3}
value={value}
onChangeText={setValue}
onSubmitEditing={({ nativeEvent: { text } }) => {
setValue('');
if (text === '' || isNaN(text)) return;
addNumber(text);
}}
theme={{
colors: {
placeholder: isDark ? '#FFFFFF' : '#000',
text: '#1E90FF',
primary: '#1E90FF',
background: isDark ? '#1B1A23' : "#EFEFEF"
},
}}
style={[
{
width: 60,
},
]}
/>
Preview
Your Environment
software | version |
---|---|
android | 8.1.0 |
react-native | 0.71.4 |
react-native-paper | 5.6.0 |
node | 16.14.2 |
npm | 9.6.2 |