callstack / callstack/react-native-paper

TextInput outlined strange behavior on tablet

Abierto
#3,808 0 comentarios 0 reacciones 0 asignados Ver en GitHub
bug TextInput
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

![image](https://user-images.githubusercontent.com/20476002/230873510-49afa90a-2599-43e7-a9e5-fe1570ab1afc.png)

### 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:
![image](https://user-images.githubusercontent.com/20476002/230873480-ed8f449a-f77c-41ed-bc29-d85bab71243c.png)

Smartphone:
![image](https://user-images.githubusercontent.com/20476002/230873510-49afa90a-2599-43e7-a9e5-fe1570ab1afc.png)

### 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

Abrir la 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

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.