callstack / callstack/react-native-paper

TextInput outlined strange behavior on tablet

Ouverte
#3,808 0 commentaires 0 réactions 0 personnes assignées Voir sur GitHub
bug TextInput
Langage dominant
TypeScript
Étoiles
14.5k
Forks
2.2k
Merge moyen
5 j 23 h
PR mergées (30 j)
12

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

![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

Guide de contribution

Ouvrir le guide de contribution

Piste de recherche

Commencez par reproduire sur une tablette l’exemple fourni de TextInput en mode outlined et comparez son rendu avec les captures d’écran du smartphone. Suivez le mode outlined de TextInput à partir de cette utilisation et déterminez pourquoi la ligne apparaît sous le label ; le travail est terminé lorsque le rendu sur la tablette correspond à l’apparence outlined attendue.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Évaluation

Stack technique
react-native
Domaine
mobile
Type d'issue
Bug
Difficulté
3/5
Temps estimé
1-2 jours
Activité
À l'abandon
Clarté
Plutôt claire
Accessibilité débutants
45/100

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.