Animation problem that is tilting

Angelk90 commented 7 years ago

I click on a button, realizing I mistakenly click on click on another and Instead I wanted to click on the last, then click on the last one.

Tab 1 (activated) Click on tab 2 And immediately click on tab 3

I get a strange, repetitive effect.

Then, whenever I click on another tab other than tab 3 that was the last selected (then the active one) repeats the odd sequence that occurred at the beginning and end of the new tab that was selected.

Even the text sometimes disappears.

At the moment I'm not using anything, so standalone.

Code:

      <BottomNavigation
        ActiveTab this.state.activeTab = {}
        LabelColor = "white"
        rippleColor = "white"
        backgroundColor = "# 006ACC"
        Style = {height: 56, height: 8, position: 'absolute', left: 0, bottom: 0, right: 0}}
        onTabChange this.handleTabChange = {}
      >
        <Tab
          label = "Home"
          Icon = {<Icon size = {24} color = "white" name = "home" />}
        />
        <Tab
          label = "Music"
          Icon = {<Icon size = {24} color = "white" name = "music-note" />}
        />
        <Tab
          label = "Add"
          Icon = {<Icon size = {24} color = "white" name = "add-box" />}
        />
        <Tab
          label = "Books"
          Icon = {<Icon size = {24} color = "white" name = "book" />}
        />
        <Tab
          label = "Profile"
          Icon = {<Icon size = {24} color = "white" name = "account-circle" />}
        />
      </ BottomNavigation>

Image: https://i.giphy.com/3o7buaqyj435uZMhig.gif

timomeh commented 7 years ago

Thanks for reporting. I have to test around a bit, but I know I think where the problem is. It's a bit related to #6. I have to check if I'm going to fix both together or if those are separate things. I'll get to it if I have some spare time.

Note: That Code Snippet can't work. Please use working code snippets and/or real examples in the future.

wildseansy commented 6 years ago

I get this problem too. I don't think you need a super complicated example to repro. Just need to test by pressing sufficiently fast. For me I had to use a real device (not emulator) to press buttons fast with two fingers. The tab selection sequence then repeats forever.