callstack / callstack/react-native-paper
TextInput outlined strange behavior on tablet
- Lenguaje dominante
- TypeScript
- Estrellas
- 14.5k
- Forks
- 2.2k
- Merge medio
- 5 d 23 h
- PR fusionados (30 d)
- 12
Descripción
### 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?
```js
{
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
Tablet:

Smartphone:

### 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
Guía de contribución
Línea de trabajo
Comienza reproduciendo en una tableta el ejemplo proporcionado de TextInput con modo outlined y compara su renderizado con las capturas de pantalla del smartphone. Rastrea el modo outlined de TextInput desde ese uso y determina por qué aparece la línea debajo de la etiqueta; el trabajo estará terminado cuando el renderizado en la tableta coincida con la apariencia outlined esperada.
Escrito por el modelo de indexación a partir del texto del issue.
Evaluación
- Stack tecnológico
- react-native
- Área
- mobile
- Tipo de issue
- Error
- Dificultad
- 3/5
- Tiempo estimado
- 1-2 días
- Estado de actividad
- Estancado
- Claridad
- Bastante claro
- Aptitud para principiantes
- 45/100