Skip to content

fix: correct clickthrough on web tabs within BottomNavigation#2985

Merged
lukewalczak merged 1 commit intomainfrom
fix/bottom-navigation-tabs-web
Dec 10, 2021
Merged

fix: correct clickthrough on web tabs within BottomNavigation#2985
lukewalczak merged 1 commit intomainfrom
fix/bottom-navigation-tabs-web

Conversation

@lukewalczak
Copy link
Copy Markdown
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
Copy Markdown

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

.

Copy link
Copy Markdown
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.

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
Copy Markdown
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
Copy Markdown
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