computerjazz / react-native-draggable-flatlist

A drag-and-drop-enabled FlatList for React Native
MIT License
1.91k stars 397 forks source link

Expo: Not able drag in simulator but on real device works fine #282

Open ButuzGOL opened 3 years ago

ButuzGOL commented 3 years ago

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).

midimurphdesigns commented 3 years ago

same issue here

computerjazz commented 3 years ago

a repro snack would be helpful

midimurphdesigns commented 3 years ago

@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 commented 3 years ago

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 commented 3 years ago

Experiencing same issue on iOS. Android simulator works fine.

Waltari10 commented 3 years ago

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 commented 3 years ago

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

when not debugger works fine with debugger not working

MohamedHedar commented 3 years ago

Thanks @ButuzGOL ,

Try to stop debugging

chengsam commented 2 years ago

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

when not debugger works fine with debugger not working

This works for me, but what is the reason?