oblador / react-native-animatable

Standard set of easy to use animations and declarative transitions for React Native
MIT License
9.84k stars 702 forks source link

Animatable FlatList not working in Android #247

Open himanshuNetsol opened 5 years ago

himanshuNetsol commented 5 years ago

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

Janviba911 commented 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 ?

Razorholt commented 4 years ago

Have you tried const AnimatableList = Animatable.createAnimatableComponent(FlatList) ?