title: Animation problem Android BottomNavigationView with Lottie
body: <p>I'm trying to use BottomNavigationView with the lib Lottie in order to make icon animations. I'd rather use Lottie instead VectorAndroidAnimation because I want more complex animations. However the first item of BottomNavigationView does not animate and the other items do when I click on them</p>
  <p>(Gif below)</p>
  <p><img src="https://i.stack.imgur.com/3Gput.gif" alt="with three items" /></p>
  <p>Below is my code:</p>
  <pre class="lang-kotlin prettyprint-override"><code> class MainActivity : AppCompatActivity(), BottomNavigationView.OnNavigationItemSelectedListener {
  
      override fun onCreate(savedInstanceState: Bundle?) {
          super.onCreate(savedInstanceState)
          setContentView(R.layout.activity_main)
          val navView: BottomNavigationView = findViewById(R.id.nav_view)
  
          navView.menu.apply {
              add(Menu.NONE, 0, Menu.NONE, R.string.title_home).icon = getLottieDrawable(
                  LottieAnimation.HOME,
                  navView
              )
              add(Menu.NONE, 1, Menu.NONE, R.string.title_dashboard).icon = getLottieDrawable(
                  LottieAnimation.CALENDAR,
                  navView
              )
              add(Menu.NONE, 2, Menu.NONE, R.string.title_notifications).icon = getLottieDrawable(
                  LottieAnimation.BELL,
                  navView
              )
          }
  
          navView.setOnNavigationItemSelectedListener(this)
      }
  
      override fun onNavigationItemSelected(item: MenuItem): Boolean {
          val icon = item.icon as? LottieDrawable
          icon?.apply {
              playAnimation()
          }
          return true
      }
  
      private fun getLottieDrawable(
          animation: LottieAnimation,
          view: BottomNavigationView
      ): LottieDrawable {
          return LottieDrawable().apply {
              val result = LottieCompositionFactory.fromAssetSync(
                  view.context.applicationContext, animation.value
              )
              callback = view
              composition = result.value
          }
      }
  
  }
  
  enum class LottieAnimation(val value: String) {
      HOME(&quot;home.json&quot;),
      CALENDAR(&quot;calendar.json&quot;),
      BELL(&quot;bell.json&quot;)
  } 
  </code></pre>
  <p>Tested with just two items into BottomNavigationView and the first item of tab was animate</p>
  <p>(Two Items Gif below)</p>
  <p><img src="https://i.stack.imgur.com/Z5TiW.gif" alt="with Two items" /></p>
  <p>And finally I tested with five items in the BottomNavigationView, and in this test the first and second item didn't animated when clicked, just the last three items on the tab</p>
  <p><img src="https://i.stack.imgur.com/hxRE0.gif" alt="with five items" /></p>