Setting Snap Threshold freezes screen.

[SahilAgarwal1]

Hi, I am getting an issue when enabling snap. The screen freezes, and generally becomes very unresponsive. The actual "snap" also does not seem to happen.

Packages:

{ "name": "predictio", "version": "1.0.0", "main": "expo-router/entry", "scripts": { "start": "expo start", "android": "expo start --android", "ios": "expo start --ios", "web": "expo start --web", "prepare": "husky install" }, "lint-staged": { "*.{js,jsx,ts,tsx}": [ "eslint --fix", "prettier --write" ], "*.{json,css,md}": [ "prettier --write" ] }, "dependencies": { "@eslint/js": "^9.14.0", "@expo/vector-icons": "^14.0.4", "@react-native-async-storage/async-storage": "1.23.1", "@react-native-community/slider": "4.5.5", "@react-native-picker/picker": "2.9.0", "@react-navigation/drawer": "^7.1.1", "@react-navigation/material-top-tabs": "^7.2.3", "@react-navigation/native": "^7.0.14", "@rneui/themed": "^4.0.0-rc.8", "@shopify/react-native-skia": "1.5.0", "@supabase/supabase-js": "^2.49.1", "@tanstack/react-query": "^5.71.0", "@types/react-native": "^0.72.8", "base64-arraybuffer": "^1.0.2", "date-fns": "^4.1.0", "expo": "^52.0.28", "expo-constants": "~17.0.5", "expo-font": "~13.0.3", "expo-haptics": "^14.0.1", "expo-image-picker": "^16.0.6", "expo-linear-gradient": "~14.0.2", "expo-linking": "~7.0.5", "expo-router": "~4.0.17", "expo-status-bar": "~2.0.1", "expo-system-ui": "~4.0.7", "expo-web-browser": "~14.0.2", "firebase": "^11.5.0", "lightweight-charts": "^5.0.5", "react": "18.3.1", "react-dom": "18.3.1", "react-native": "0.76.6", "react-native-chart-kit": "^6.12.0", "react-native-collapsible-tab-view": "^8.0.0", "react-native-dotenv": "^3.4.11", "react-native-dropdown-picker": "^5.4.6", "react-native-element-dropdown": "^2.12.2", "react-native-gesture-handler": "~2.20.2", "react-native-gifted-charts": "^1.4.46", "react-native-graph": "^1.1.0", "react-native-linear-gradient": "^2.8.3", "react-native-pager-view": "^6.5.1", "react-native-reanimated": "~3.16.1", "react-native-reanimated-carousel": "^3.5.1", "react-native-safe-area-context": "^4.12.0", "react-native-screens": "~4.4.0", "react-native-snap-carousel": "^1.3.1", "react-native-svg": "15.8.0", "react-native-tab-view": "^3.5.2", "react-native-url-polyfill": "^2.0.0", "react-native-web": "~0.19.10", "react-native-webview": "^13.13.5", "typescript": "5.3.3", "victory-native": "^41.14.0" }, "devDependencies": { "@babel/core": "^7.20.0", "@eslint/eslintrc": "^3.1.0", "@types/firebase": "^2.4.32", "@types/react": "~18.3.12", "@types/react-query": "^1.2.8", "@typescript-eslint/eslint-plugin": "^8.8.0", "@typescript-eslint/parser": "^8.8.0", "babel-plugin-module-resolver": "^5.0.2", "eslint": "^8.57.1", "eslint-plugin-prettier": "^5.2.1", "eslint-plugin-react": "^7.37.1", "eslint-plugin-react-hooks": "^4.6.2", "husky": "^8.0.0", "lint-staged": "^15.2.10", "prettier": "^3.3.3", "typescript": "^5.1.3" }, "private": true }

[iffa]

Noticed the same issue, this happens only on New Architecture it seems.

[lwts]

+1.

"expo": "^53.0.9", "react-native": "0.79.2", "react-native-collapsible-tab-view": "^8.0.1",

New architecture enabled. Disabling the snapThreshold (was set to 0.5) resolves the issue.

The scrolling only locks when the snapThreshold has had to fire and adjust the scroll position - i.e. if you scroll all the way down content and the header is fully collapsed before you end the scroll, the bug does not occur.

[Dakuan]

yep, same

[olivermihaly]

same

[PaviPff]

I'm also experiencing same issue. I want snap but this is freezing on ios and android its jerky

[andreialecu]

Check if #483 fixes this, there's a rc release