Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix: correct clickthrough on web tabs within BottomNavigation #2985

Merged
merged 1 commit into from
Dec 10, 2021

Conversation

lukewalczak
Copy link
Member

Fixes: #2366

The PR bases on the approach started within #2548, however fixes the problem with animation during the transtions.

Test steps are the same as in the linked PR above.

Summary

Kapture 2021-11-24 at 22 48 48

Test plan

Clone the branch, install dependencies with yarn bootstrap and yarn link. Test expo snack online with instructions in the app and see the issue. Download expo snack to a folder (https://snack.expo.io/@jasperro/react-native-paper-tab-clickthrough-test) and run yarn and yarn link react-native-paper, and it should be fixed.

@github-actions
Copy link

The mobile version of example app from this branch is ready! You can see it here

.

Copy link
Contributor

@p-syche p-syche left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM 😄

I left a question about naming convention - why not use index.tsx? - but that's no reason to hold off on approving this.

@@ -1,7 +1,7 @@
/* eslint-disable prettier/prettier */
import { Text } from 'react-native';
import PaperProvider from "react-native-paper/lib/module/core/Provider";
import BottomNavigation from "react-native-paper/lib/module/components/BottomNavigation";
import BottomNavigation from "react-native-paper/lib/module/components/BottomNavigation/BottomNavigation";
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Why not rename the new file to index.tsx so you would avoid this change?

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Hey @p-syche, sorry for the late response. Basically, I keep the convention where each file has the component name and index.ts is used when we are assigning sub components.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

react-native-web createMaterialBottomTabNavigator delivers clicks to background tabs
2 participants