meliorence / react-native-image-gallery

Pure JavaScript image gallery component for iOS and Android with high-performance and native feeling in mind
715 stars 298 forks source link

Warning: Failed child context type: Invalid child context `virtualizedCell.cellKey` of type `number` supplied to `CellRenderer`, expected `string`. #92

Open victorzimnikov opened 6 years ago

victorzimnikov commented 6 years ago

node_modules/fbjs/lib/warning.js:33:20 in printWarning - node_modules/fbjs/lib/warning.js:57:25 in warning - node_modules/prop-types/checkPropTypes.js:52:18 in checkPropTypes - node_modules/react-native/Libraries/Renderer/ReactNativeRenderer-dev.js:11916:8 in processChildContext - node_modules/react-native/Libraries/Renderer/ReactNativeRenderer-dev.js:11970:46 in invalidateContextProvider - node_modules/react-native/Libraries/Renderer/ReactNativeRenderer-dev.js:8852:32 in finishClassComponent - node_modules/react-native/Libraries/Renderer/ReactNativeRenderer-dev.js:8762:6 in updateClassComponent - node_modules/react-native/Libraries/Renderer/ReactNativeRenderer-dev.js:9581:10 in beginWork - node_modules/react-native/Libraries/Renderer/ReactNativeRenderer-dev.js:12924:25 in performUnitOfWork - node_modules/react-native/Libraries/Renderer/ReactNativeRenderer-dev.js:12953:43 in workLoop - node_modules/react-native/Libraries/Renderer/ReactNativeRenderer-dev.js:12996:17 in renderRoot - node_modules/react-native/Libraries/Renderer/ReactNativeRenderer-dev.js:13632:34 in performWorkOnRoot - node_modules/react-native/Libraries/Renderer/ReactNativeRenderer-dev.js:13545:26 in performWork - node_modules/react-native/Libraries/Renderer/ReactNativeRenderer-dev.js:13506:16 in performSyncWork - node_modules/react-native/Libraries/Renderer/ReactNativeRenderer-dev.js:13392:6 in requestWork - node_modules/react-native/Libraries/Renderer/ReactNativeRenderer-dev.js:13259:24 in scheduleWorkImpl - node_modules/react-native/Libraries/Renderer/ReactNativeRenderer-dev.js:13207:28 in scheduleWork - node_modules/react-native/Libraries/Renderer/ReactNativeRenderer-dev.js:6224:19 in enqueueSetState - node_modules/react/cjs/react.development.js:238:31 in setState * src/containers/RootContainer.tsx:100:3 in <unknown> - node_modules/redux/lib/redux.js:227:6 in dispatch - node_modules/redux-observable/lib/cjs/createEpicMiddleware.js:85:26 in <unknown> * src/core/reduxLoggerMiddleware.ts:28:18 in <unknown> - node_modules/redux/lib/redux.js:569:33 in dispatch - node_modules/redux-observable/lib/cjs/createEpicMiddleware.js:75:25 in <unknown> - node_modules/rxjs/Subscriber.js:242:20 in __tryOrUnsub - node_modules/rxjs/Subscriber.js:189:34 in next - node_modules/rxjs/Subscriber.js:129:30 in _next - node_modules/rxjs/Subscriber.js:93:23 in next - node_modules/rxjs/operators/switchMap.js:126:34 in notifyNext - node_modules/rxjs/InnerSubscriber.js:23:31 in _next - node_modules/rxjs/Subscriber.js:93:23 in next - node_modules/rxjs/operators/mergeMap.js:145:34 in notifyNext - node_modules/rxjs/InnerSubscriber.js:23:31 in _next - node_modules/rxjs/Subscriber.js:93:23 in next - node_modules/rxjs/operators/mergeMap.js:145:34 in notifyNext - node_modules/rxjs/InnerSubscriber.js:23:31 in _next - node_modules/rxjs/Subscriber.js:93:23 in next - node_modules/rxjs/operators/mergeMap.js:145:34 in notifyNext - node_modules/rxjs/InnerSubscriber.js:23:31 in _next - node_modules/rxjs/Subscriber.js:93:23 in next - node_modules/rxjs/Subscriber.js:129:30 in _next - node_modules/rxjs/Subscriber.js:93:23 in next - node_modules/rxjs/operators/map.js:85:30 in _next - node_modules/rxjs/Subscriber.js:93:23 in next - node_modules/rxjs/operators/map.js:85:30 in _next - node_modules/rxjs/Subscriber.js:93:23 in next * src/helpers/HttpClient.ts:195:26 in <unknown> - node_modules/promise/setimmediate/core.js:37:14 in tryCallOne - node_modules/promise/setimmediate/core.js:123:25 in <unknown> - ... 10 more stack frames from framework internals

libraries/ViewPaper/index.js this.keyExtractor(item, index)

avocadowastaken commented 6 years ago

Related to #69

avocadowastaken commented 6 years ago

As workaround - you can ignore this warnings in app entry:

if (__DEV__) {
  // eslint-disable-next-line global-require
  require("react-native").YellowBox.ignoreWarnings([
    "Warning: Failed child context type: Invalid child context",
  ]);
}

See: https://facebook.github.io/react-native/docs/debugging.html#in-app-errors-and-warnings

vt7211 commented 5 years ago

you must edit in file /node_modules/react-ntive-image-galary/src/libralaries/ViewPager/index.js, edit function keyExtractor ( line 262 ) to keyExtractor (item, index) { return index.toString() }

caryyu commented 3 years ago

PR reference: https://github.com/meliorence/react-native-image-gallery/pull/133