search

st0ffern / react-native-optimized-flatlist

Optimization for complex and slow React Native FlatLists
MIT License
259 stars 47 forks source link

TaskQueue: Error with task : TypeError: undefined is not an object (evaluating 'this.viewProperties.width') #15

Open frameworktechnology opened 6 years ago

frameworktechnology commented 6 years ago

Hey Guys, This Flatlist control is awesome and works best for my android app. I am using it to display tons and tons of images from S3 server.

One problem I am facing thought. I implemented Search filter which searches through tags and filters the images.

In my case, FlatList does not seem to find its width I guess from the error. Not sure if that the issue in this package or my code. I would greatly appreciate your help. Great work on this already.

Below is my full error if that helps.

TaskQueue: Error with task : TypeError: undefined is not an object (evaluating 'this.viewProperties.width')

This error is located at: in FlatListItem (at OptimizedFlatList.js:34) in RCTView (at View.js:113) in View (at FlatList.js:530) in RCTView (at View.js:113) in View (at VirtualizedList.js:1300) in CellRenderer (at VirtualizedList.js:499) in RCTView (at View.js:113) in View (at ScrollView.js:744) in RCTScrollView (at ScrollView.js:852) in ScrollView (at VirtualizedList.js:816) in VirtualizedList (at FlatList.js:557) in FlatList (at OptimizedFlatList.js:59) in OptimizedFlatList (at Catalogue.js:134) in RCTView (at View.js:113) in View (at Catalogue.js:128) in RCTView (at View.js:113) in View (at Catalogue.js:127) in Catalogue (at SceneView.js:35) in SceneView (at CardStack.js:402) in RCTView (at View.js:113) in View (at CardStack.js:401) in RCTView (at View.js:113) in View (at CardStack.js:400) in RCTView (at View.js:113) in View (at createAnimatedComponent.js:134) in AnimatedComponent (at Card.js:28) in Card (at PointerEventsContainer.js:55) in Container (at CardStack.js:443) in RCTView (at View.js:113) in View (at CardStack.js:373) in RCTView (at View.js:113) in View (at CardStack.js:372) in CardStack (at CardStackTransitioner.js:110) in RCTView (at View.js:113) in View (at Transitioner.js:192) in Transitioner (at CardStackTransitioner.js:60) in CardStackTransitioner (at StackNavigator.js:48) in Unknown (at createNavigator.js:36) in Navigator (at createNavigationContainer.js:198) in NavigationContainer (at SceneView.js:35) in SceneView (at CardStack.js:402) in RCTView (at View.js:113) in View (at CardStack.js:401) in RCTView (at View.js:113) in View (at CardStack.js:400) in RCTView (at View.js:113) in View (at createAnimatedComponent.js:134) in AnimatedComponent (at Card.js:28) in Card (at PointerEventsContainer.js:55) in Container (at CardStack.js:443) in RCTView (at View.js:113) in View (at CardStack.js:373) in RCTView (at View.js:113) in View (at CardStack.js:372) in CardStack (at CardStackTransitioner.js:110) in RCTView (at View.js:113) in View (at Transitioner.js:192) in Transitioner (at CardStackTransitioner.js:60) in CardStackTransitioner (at StackNavigator.js:48) in Unknown (at createNavigator.js:36) in Navigator (at createNavigationContainer.js:198) in NavigationContainer (at App.js:6) in App (at renderApplication.js:35) in RCTView (at View.js:113) in View (at AppContainer.js:102) in RCTView (at View.js:113) in View (at AppContainer.js:126) in AppContainer (at renderApplication.js:34) render C:\RSSample\Woodwine\Woodwine\node_modules\react-native-optimized-flatlist\src\FlatListItem.js:38:57 finishClassComponent C:\RSSample\Woodwine\Woodwine\node_modules\react-native\Libraries\Renderer\ReactNativeFiber-dev.js:1721:102 updateClassComponent C:\RSSample\Woodwine\Woodwine\node_modules\react-native\Libraries\Renderer\ReactNativeFiber-dev.js:1713:33 beginWork C:\RSSample\Woodwine\Woodwine\node_modules\react-native\Libraries\Renderer\ReactNativeFiber-dev.js:1833:44 performUnitOfWork C:\RSSample\Woodwine\Woodwine\node_modules\react-native\Libraries\Renderer\ReactNativeFiber-dev.js:2569:33 workLoop C:\RSSample\Woodwine\Woodwine\node_modules\react-native\Libraries\Renderer\ReactNativeFiber-dev.js:2595:141 _invokeGuardedCallback C:\RSSample\Woodwine\Woodwine\node_modules\react-native\Libraries\Renderer\ReactNativeFiber-dev.js:75:23 invokeGuardedCallback C:\RSSample\Woodwine\Woodwine\node_modules\react-native\Libraries\Renderer\ReactNativeFiber-dev.js:49:40 performWork C:\RSSample\Woodwine\Woodwine\node_modules\react-native\Libraries\Renderer\ReactNativeFiber-dev.js:2634:41 scheduleUpdateImpl C:\RSSample\Woodwine\Woodwine\node_modules\react-native\Libraries\Renderer\ReactNativeFiber-dev.js:2768:101 scheduleUpdate C:\RSSample\Woodwine\Woodwine\node_modules\react-native\Libraries\Renderer\ReactNativeFiber-dev.js:2751:38 enqueueSetState C:\RSSample\Woodwine\Woodwine\node_modules\react-native\Libraries\Renderer\ReactNativeFiber-dev.js:1569:90 setState C:\RSSample\Woodwine\Woodwine\node_modules\react\cjs\react.development.js:214:31 setVisibility C:\RSSample\Woodwine\Woodwine\node_modules\react-native-optimized-flatlist\src\FlatListItem.js:32:25 _updateItem C:\RSSample\Woodwine\Woodwine\node_modules\react-native-optimized-flatlist\src\OptimizedFlatList.js:27:42

C:\RSSample\Woodwine\Woodwine\node_modules\react-native-optimized-flatlist\src\OptimizedFlatList.js:53:23 _onViewableItemsChanged C:\RSSample\Woodwine\Woodwine\node_modules\react-native-optimized-flatlist\src\OptimizedFlatList.js:52:21 _onViewableItemsChanged C:\RSSample\Woodwine\Woodwine\node_modules\react-native\Libraries\Lists\FlatList.js:515:29 _onUpdateSync C:\RSSample\Woodwine\Woodwine\node_modules\react-native\Libraries\Lists\ViewabilityHelper.js:256:29 onUpdate C:\RSSample\Woodwine\Woodwine\node_modules\react-native\Libraries\Lists\ViewabilityHelper.js:212:8 _updateViewableItems C:\RSSample\Woodwine\Woodwine\node_modules\react-native\Libraries\Lists\VirtualizedList.js:1200:6 _updateCellsToRender C:\RSSample\Woodwine\Woodwine\node_modules\react-native\Libraries\Lists\VirtualizedList.js:1084:30 C:\RSSample\Woodwine\Woodwine\node_modules\react-native\Libraries\Interaction\Batchinator.js:70:8 processNext C:\RSSample\Woodwine\Woodwine\node_modules\react-native\Libraries\Interaction\TaskQueue.js:116:10 _processUpdate C:\RSSample\Woodwine\Woodwine\node_modules\react-native\Libraries\Interaction\InteractionManager.js:201:6 C:\RSSample\Woodwine\Woodwine\node_modules\react-native\Libraries\Core\Timers\JSTimers.js:295:23 _callTimer C:\RSSample\Woodwine\Woodwine\node_modules\react-native\Libraries\Core\Timers\JSTimers.js:148:6 _callImmediatesPass C:\RSSample\Woodwine\Woodwine\node_modules\react-native\Libraries\Core\Timers\JSTimers.js:196:17 callImmediates C:\RSSample\Woodwine\Woodwine\node_modules\react-native\Libraries\Core\Timers\JSTimers.js:464:11 __callImmediates C:\RSSample\Woodwine\Woodwine\node_modules\react-native\Libraries\BatchedBridge\MessageQueue.js:282:4 C:\RSSample\Woodwine\Woodwine\node_modules\react-native\Libraries\BatchedBridge\MessageQueue.js:137:6 __guard C:\RSSample\Woodwine\Woodwine\node_modules\react-native\Libraries\BatchedBridge\MessageQueue.js:269:6 flushedQueue C:\RSSample\Woodwine\Woodwine\node_modules\react-native\Libraries\BatchedBridge\MessageQueue.js:136:17 callFunctionReturnFlushedQueue C:\RSSample\Woodwine\Woodwine\node_modules\react-native\Libraries\BatchedBridge\MessageQueue.js:111:11