Error "index=4 count=3" with LayoutAnimation.easeInEaseOut() on Android #17113

Activity

1. react-native-bot commented on Dec 7, 2017

   

   react-native-bot

   on Dec 7, 2017

   Collaborator

   More actions

   @facebook-github-bot no-template
2. facebook-github-bot commented on Dec 7, 2017

   

   facebook-github-bot

   on Dec 7, 2017

   Contributor

   More actions

   Hey @Jay1337, thanks for posting this! It looks like your issue is missing some required information. Can you please add all the details specified in the Issue Template? This is necessary for people to be able to understand and reproduce your issue. I am going to close this, but please feel free to open a new issue with the additional information provided. Thanks!
   
   _{How to Contribute • What to Expect from Maintainers}
3. facebook-github-bot

   added

   Needs more information

   on Dec 7, 2017
4. facebook-github-bot

   closed this as completedon Dec 7, 2017
5. facebook-github-bot

   added

   Ran CommandsOne of our bots successfully processed a command.One of our bots successfully processed a command.

   on Dec 7, 2017
6. MwirabuaTimothy commented on Feb 26, 2018

   

   MwirabuaTimothy

   on Feb 26, 2018

   Last edited by MwirabuaTimothy

   More actions

   Same issue here. Test the template below. Trying to toggle some views using a button.
   Throws the error "index=4 count=3" after a few toggles.

   import React, { Component } from 'react';
   
   import { 
     View, 
     Text, 
     LayoutAnimation, 
     Button } from 'react-native';
   
   
   export default class Testing extends Component {
     state = {
       showOthers: false
     }
     componentWillUpdate(){
       LayoutAnimation.easeInEaseOut()
     }
     showOthers = () => {
       this.setState({ showOthers: !this.state.showOthers })
     }
     render() {
   
       const { showOthers } = this.state
   
       return (
           <View>
   
             {showOthers && 
               <View>
                 <Text>One</Text>
                 <Text>Two</Text>
               </View>
             }
             
             <Text>Three</Text>
             <Text>Four</Text>
   
             {showOthers && 
               <Text>Five</Text>
             }
   
             <Button onPress={this.showOthers} title={showOthers ? 'Hide Others' : 'Show Others' } />
   
         </View>
       );
     }
   }
   

   Using:

   "react": "16.2.0",
   "react-native": "0.53.0",
7. psg2 commented on Mar 14, 2018

   

   psg2

   on Mar 14, 2018

   More actions

   I'm facing the same problem.
8. react

   locked as resolved and limited conversation to collaborators on Dec 7, 2018
9. react-native-bot

   added

   Resolution: LockedThis issue was locked by the bot.This issue was locked by the bot.

   on Dec 7, 2018