This repository was archived by the owner on Nov 27, 2022. It is now read-only.
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Using
react-native-pager-view
on macOS and Windows causes errors. Solution is to usePanResponder
for these platforms (same with web).Those platforms favors
.native.tsx
file over.tsx
file which caused the errors. Solution is to use platform specific components for each.macOS fixes:
Transform property is currently broken on
react-native-macos
. Temporary solution is to useleft
for indicator position. See: microsoft/react-native-macos#280Windows fixes:
PlatformPressable
is not pressable on Windows (only the label), I'm not sure why, but addingbackgroundColor: 'transparent'
to it makes the whole tab pressable.Motivation
react-native-pager-view
does not support macOS and Windows.Test plan
Run on
react-native-macos
andreact-native-windows
projects.Windows (initial):

Windows (swiping):

macOS (initial):

macOS (swiping):

macOS (swiping): if microsoft/react-native-macos#460 is merged

macOS (after swipe/swipe release):
