React-native-draggable-flatlist: Expo: Not able drag in simulator but on real device works fine

[ButuzGOL]

After upgrade all libs to latest i am not able to drag in simulator but on real device works fine

Platform & Dependencies
Please list any applicable dependencies in addition to those below (react-navigation etc).

• Platform: ios simulator
• React Native or Expo version: Expo "^41.0.0",
• Reanimated version: "^2.1.0",
• React Native Gesture Handler version: "~1.10.2",

[midimurphdesigns]

same issue here

[computerjazz]

a repro snack would be helpful

[midimurphdesigns]

@computerjazz I use react native cli running react native v0.63 on an ios simulator, and am not too familiar with expo versions. I am unable to reproduce it in a snack but will keep trying. here's a list of my app's dependencies and the snack I'm working with so far.

{
"name": "AppName",
"version": "0.0.1",
"private": true,
"scripts": {
"start": "react-native start",
"test": "jest",
"lint": "eslint app --ext .js",
"react-devtools": "react-devtools",
"postinstall": "npx jetify",
"storybook": "start-storybook",
"build-storybook": "build-storybook",
"prestorybook": "rnstl"
},
"config": {
"react-native-storybook-loader": {
"searchDir": [
"./app/Component/",
"./app/Templates/",
"./app/Screens/"
],
"pattern": "*/.stories.js",
"outputFile": "./storybook/storyLoader.js"
}
},
"build:ios": "react-native bundle --entry-file='index.ios.js' --bundle-output='./ios/asumobileapp/main.jsbundle' --dev=false --platform='ios' --assets-dest='./ios'",
"dependencies": {
"@apollo/client": "3.4.0-beta.1",
"@react-native-community/art": "^1.2.0",
"@react-native-community/async-storage": "^1.12.0",
"@react-native-community/checkbox": "^0.5.5",
"@react-native-community/clipboard": "^1.5.1",
"@react-native-community/datetimepicker": "^3.0.9",
"@react-native-community/geolocation": "^2.0.2",
"@react-native-community/masked-view": "^0.1.10",
"@react-native-community/netinfo": "^6.0.0",
"@react-native-community/push-notification-ios": "^1.5.0",
"@react-native-firebase/analytics": "^11.0.0",
"@react-native-firebase/app": "^11.0.0",
"@react-native-firebase/crashlytics": "^11.0.0",
"@react-native-firebase/perf": "^11.0.0",
"@react-navigation/material-top-tabs": "^5.3.15",
"@react-navigation/native": "^5.8.10",
"@react-navigation/stack": "^5.12.8",
"@turf/helpers": "^6.0.1",
"apollo-cache-inmemory": "^1.6.6",
"apollo-client": "^2.6.10",
"appcenter": "4.1.0",
"appcenter-analytics": "4.1.0",
"appcenter-cli": "^2.7.1",
"appcenter-crashes": "4.1.0",
"apsl-react-native-button": "^3.1.0",
"aws-appsync": "^4.0.1",
"aws-appsync-auth-link": "^3.0.2",
"aws-appsync-react": "^4.0.1",
"aws-appsync-subscription-link": "3.0.3",
"aws-sdk": "^2.883.0",
"aws4-react-native": "^0.0.2",
"axios": "^0.21.0",
"code-push": "4.0.4",
"core-js": "^3.8.1",
"crypto-js": "^4.0.0",
"graphql": "^15.4.0",
"graphql-tag": "^2.11.0",
"jsc-android": "^250230.2.1",
"lodash": "^4.17.20",
"lottie-ios": "3.1.8",
"lottie-react-native": "^4.0.2",
"md5": "^2.2.1",
"metro-react-native-babel-preset": "^0.65.1",
"moment": "^2.21.0",
"moment-timezone": "^0.5.21",
"npm": "^7.9.0",
"prop-types": "^15.6.0",
"react": "17.0.2",
"react-apollo": "2.5.8",
"react-dom": "^17.0.1",
"react-native": "0.63",
"react-native-android-location-services-dialog-box": "^2.4.4",
"react-native-animatable": "^1.3.2",
"react-native-app-link": "^1.0.0",
"react-native-background-fetch": "3.1.0",
"react-native-background-geolocation-android": "CustomPackUrl",
"react-native-barcode-builder": "^2.0.0",
"react-native-base64": "^0.2.1",
"react-native-button": "^3.0.1",
"react-native-calendar-events": "^2.1.0",
"react-native-calendars": "1.403.0",
"react-native-cards": "^1.1.4",
"react-native-code-push": "^7.0.0",
"react-native-collapsible": "^1.5.3",
"react-native-communications": "^2.2.1",
"react-native-cookies": "^3.2.0",
"react-native-dev-menu": "^4.0.2",
"react-native-device-info": "^8.0.0",
"react-native-draggable-flatlist": "^2.6.2",
"react-native-dropdown-picker": "^3.7.0",
"react-native-easy-grid": "^0.2.2",
"react-native-easy-toast": "^2.0.0",
"react-native-elements": "^3.0.0",
"react-native-error-boundary": "^1.1.6",
"react-native-event-listeners": "^1.0.3",
"react-native-exit-app": "^1.0.0",
"react-native-fab": "^1.0.17",
"react-native-flipper": "0.84.0",
"react-native-gesture-handler": "^1.10.3",
"react-native-htmlview": "^0.16.0",
"react-native-image-progress": "^1.1.1",
"react-native-imei": "^0.2.0",
"react-native-keychain": "^6.2.0",
"react-native-linear-gradient": "^2.5.6",
"react-native-localize": "^2.0.0",
"react-native-modal": "^11.0.1",
"react-native-modal-dropdown": "CustomPackageUrl",
"react-native-permissions": "^3.0.0",
"react-native-popup-menu": "^0.15.6",
"react-native-push-notification": "CustomPackageUrl",
"react-native-qrcode2": "^0.3.0",
"react-native-randombytes": "^3.6.0",
"react-native-reanimated": "^2.1.0",
"react-native-responsive-dimensions": "^3.1.1",
"react-native-responsive-image": "^2.3.1",
"react-native-restart": "^0.0.22",
"react-native-safari-view": "^2.1.0",
"react-native-safe-area-context": "^3.1.9",
"react-native-screens": "^2.0.0-alpha.34",
"react-native-secure-key-store": "^2.0.9",
"react-native-sensitive-info": "^5.5.8",
"react-native-share": "^5.1.0",
"react-native-simple-radio-button": "^2.7.1",
"react-native-size-matters": "^0.4.0",
"react-native-skeleton-content": "^1.0.20",
"react-native-snap-carousel": "3.9.1",
"react-native-sortable-grid": "^2.0.0",
"react-native-sortable-list": "^0.0.24",
"react-native-splash-screen": "^3.1.1",
"react-native-svg": "^12.1.1-0",
"react-native-svg-charts": "^5.3.0",
"react-native-swipeable": "^0.6.0",
"react-native-switch": "^2.0.0",
"react-native-tab-view": "^2.16.0",
"react-native-table-component": "^1.2.1",
"react-native-text-ticker": "^1.12.0",
"react-native-torch": "^1.1.3",
"react-native-vector-icons": "^8.0.0",
"react-native-vitals": "^2.0.1",
"react-native-webview": "^11.0.0",
"reactotron-react-native": "^5.0.0",
"rn-async-storage-flipper": "^0.0.9",
"use-global-hook": "^0.2.1"
},
"devDependencies": {
"@babel/core": "^7.13.15",
"@babel/runtime": "^7.12.5",
"@react-native-community/eslint-config": "^2.0.0",
"@react-navigation/drawer": "^5.11.4",
"@storybook/addon-actions": "^6.2.5",
"@storybook/addon-essentials": "^6.2.5",
"@storybook/addon-knobs": "^6.2.5",
"@storybook/addon-links": "^6.2.5",
"@storybook/addon-ondevice-actions": "^5.3.23",
"@storybook/addon-ondevice-knobs": "^5.3.23",
"@storybook/react-native": "^5.3.23",
"@storybook/react-native-server": "^5.3.23",
"babel-eslint": "^10.0.2",
"babel-loader": "^8.1.0",
"babel-plugin-module-resolver": "^4.0.0",
"babel-plugin-transform-remove-console": "^6.9.4",
"enzyme": "^3.11.0",
"enzyme-adapter-react-16": "^1.15.4",
"enzyme-to-json": "^3.5.0",
"eslint": "^7.8.1",
"eslint-config-airbnb": "^18.2.0",
"eslint-config-prettier": "^8.1.0",
"eslint-plugin-import": "^2.18.2",
"eslint-plugin-jsx-a11y": "^6.2.3",
"eslint-plugin-prettier": "^3.1.0",
"eslint-plugin-react": "^7.23.1",
"jest": "^26.6.3",
"prettier": "^2.1.1",
"react-devtools": "^4.8.2",
"react-native-storybook-loader": "^2.0.2",
"react-test-renderer": "^17.0.1"
},
"jest": {
"preset": "react-native",
"transform": {
"^.+\.js$": "/node_modules/react-native/jest/preprocessor.js"
},
"transformIgnorePatterns": [
"node_modules/(?!(jest-)?react-native|react-navigation|react-clone-referenced-element|expo|@expo/|exponent|@exponent/)"
],
"snapshotSerializers": [
"enzyme-to-json/serializer"
]
},
"rnpm": {
"assets": [
"./assets/fonts"
]
}
}

https://snack.expo.io/@midimurphdesigns/557d08

[computerjazz]

ok thanks for looking, without a repro i'm flying blind. I just checked out an expo bare app with the same specs as OP and was able to drag in ios simulator.

[Waltari10]

Experiencing same issue on iOS. Android simulator works fine.

[Waltari10]

It seems if I have React-Native debug mode on then it doens't work on iOS simulator, but if I disable it, then it starts working again.

[ButuzGOL]

Its not relates to simulator or device
its relates to with debugger or not

when not debugger works fine
with debugger not working

[MohamedHedar]

Thanks @ButuzGOL ,

Try to stop debugging