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

Carousel Inside LazyPagerView Page does not scroll properly on Android #596

Closed
crawlappsrn opened this issue Sep 1, 2022 · 3 comments
Closed
Labels
question Further information is requested

Comments

@crawlappsrn
Copy link

crawlappsrn commented Sep 1, 2022

Want to swipe left and right images using Carousel Inside LazyPagerView . Carousel does not scroll properly inside lazypagerview.

cases

  • When I scroll image fast it scroll whole page instead of image.
  • When I hold carousel for a second and scroll then works greatly.

Note :- Carousel working fine without LazyPagerView on Android.

Let me share package.json dependencies :-

"dependencies": {
"@expo/vector-icons": "^13.0.0",
"@react-native-community/async-storage": "^1.12.1",
"@react-navigation/bottom-tabs": "^5.11.3",
"@react-navigation/native": "^5.9.8",
"@react-navigation/stack": "^5.13.0",
"@sentry/react-native": "^3.4.1",
"axios": "^0.27.2",
"expo": "~44.0.0",
"expo-font": "^10.0.5",
"expo-splash-screen": "~0.14.1",
"expo-status-bar": "~1.2.0",
"lodash": "^4.17.21",
"moment": "^2.29.3",
"react": "17.0.1",
"react-dom": "17.0.1",
"react-native": "0.64.3",
"react-native-animatable": "^1.3.3",
"react-native-elements": "^3.4.2",
"react-native-gesture-handler": "~2.1.0",
"react-native-image-crop-picker": "^0.37.3",
"react-native-image-zoom-viewer": "^3.0.1",
"react-native-inappbrowser-reborn": "^3.6.3",
"react-native-modalize": "^2.0.13",
"react-native-pager-view": "^6.0.0-rc.2",
"react-native-paper": "^4.12.1",
"react-native-permissions": "^3.3.1",
"react-native-reanimated": "~2.3.1",
"react-native-safe-area-context": "3.3.2",
"react-native-screens": "^3.13.1",
"react-native-share": "^7.3.9",
"react-native-snap-carousel": "^3.9.1",
"react-native-svg": "12.1.1",
"react-native-vector-icons": "^9.1.0",
"react-native-view-more-text": "^2.1.0",
"react-native-web": "0.17.1",
"react-native-webview": "11.14.3",
"react-redux": "^8.0.1",
"redux": "^4.2.0",
"redux-logger": "^3.0.6",
"redux-persist": "^6.0.0",
"redux-thunk": "^2.4.1"
},

if you need more information I am ready to share. figuring out this issue for last 1 month.

Thanks!

@crawlappsrn crawlappsrn added the question Further information is requested label Sep 1, 2022
@crawlappsrn crawlappsrn changed the title Carousel Inside LazyPagerView Page does not scroll works properly on Android Carousel Inside LazyPagerView Page does not scroll properly on Android Sep 1, 2022
@verger-guo
Copy link

I have the same problem.

@dcrawlapps
Copy link

@ayuan-gy Use react-native-gesture-handler ScrollView instead of react-native ScrollView. it will work.

@troZee
Copy link
Member

troZee commented Dec 20, 2022

#673

@troZee troZee closed this as completed Dec 20, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
question Further information is requested
Projects
None yet
Development

No branches or pull requests

4 participants