callstack / callstack/react-native-paper

Issue with Bottom Tab Bar Delay in React Native Paper Example

Open
#4,388 0 comments 0 reactions 0 assignees View on GitHub
bug
Dominant language
TypeScript
Stars
14.5k
Forks
2.2k
Avg merge
5d 23h
Merged PRs (30d)
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

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.