Open himanshuNetsol opened 5 years ago
@himanshuNetSol AnimatableList is not support refreshControl so that you have to remove refreshControl and their related code from list.
@oblador But my question is related to refreshControl, how can i handle refreshControl into AnimatableList ?
Have you tried const AnimatableList = Animatable.createAnimatableComponent(FlatList)
?
**const AnimatableList = createAnimatableComponent(FlatList)
<AnimatableList style={ [styles.ListStyle ,{marginBottom: this.state.isUserLoggedIn == '1' ? 0 : (this.state.scrollYOffset > 20 ? 50: 0) }] } animation="fadeInDown" useNativeDriver={true} contentInsetAdjustmentBehavior="automatic" duration={700} onScroll ={this._handleScroll} scrollEventThrottle={16} data={ this.state.blogResponse.posts } onEndReached={() => this._loadMoreData()} onEndReachedThreshold={0.5} onMomentumScrollBegin={() => { this.onEndReachedCalledDuringMomentum = false; }} onRefresh={() => this._onRefresh()} maxToRenderPerBatch={1} refreshing={this.state.isRefreshing} keyExtractor={ (item, index) => index } extraData={this.state} renderItem={ ({ item: rowData }) => { return ( <TouchableOpacity activeOpacity={1} onPress={()=> this._onItemClick(rowData)}> {this._renderCell(rowData)} ); } } />**
Above Code is working fine in iOS device but when i run it on Android, the blank screen appear . When i try to scroll blank screen, the FlatList items appear out of blue. But, when i use simple FlatList instead of AnimatableList, it works fine in both devices. Can i get any help??