callstack / callstack/react-native-paper
TextInput outlined strange behavior on tablet
- 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

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