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