callstack / callstack/react-native-paper

Issue with Bottom Tab Bar Delay in React Native Paper Example

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

Description

### Current behaviour
When using the createMaterialBottomTabNavigator example from the React Native Paper documentation, there is a noticeable delay in the bottom tab bar's appearance when focusing on a TextInput component. ONLY ANDROID

### Expected behaviour
The bottom tab bar should remain unaffected by the TextInput component's focus and should appear immediately without any delay.

### How to reproduce?
https://snack.expo.dev/@vova24_app/creatematerialbottomtabnavigator?platform=android
or just enter
https://snack.expo.dev/@react-native-paper/creatematerialbottomtabnavigator
Add a TextInput component to one of the screens.
Focus on the TextInput component by tapping on it multiple times.
Observe the delay in the appearance of the bottom tab bar.

### Preview
You can observe the issue in action by accessing the following snack:
https://snack.expo.dev/@vova24_app/creatematerialbottomtabnavigator?platform=android

### What have you tried so far?
Checked for error messages or warnings in the console - No errors were observed.
Tested the app on iOS, where it works fine.
Ensured that all libraries are up to date (versions provided in the environment section).

### Your Environment
https://snack.expo.dev/@vova24_app/creatematerialbottomtabnavigator?platform=android
https://snack.expo.dev/@react-native-paper/creatematerialbottomtabnavigator

Guide de contribution

Ouvrir le guide de contribution

Piste de recherche

Commencez par les exemples de createMaterialBottomTabNavigator liés dans l’issue et reproduisez le délai sur Android en ajoutant un TextInput et en lui donnant le focus à plusieurs reprises. Comparez le comportement d’Android avec iOS et confirmez que la barre d’onglets inférieure apparaît immédiatement, sans erreur ni délai.

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
35/100

Recevez les nouvelles issues par e-mail

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