fix play screen animation state bug

moonou · Apr 13, 2018 · 8b9884c · 8b9884c
1 parent 844fa68
commit 8b9884c
Showing 1 changed file with 14 additions and 6 deletions.
diff --git a/src/views/Play.js b/src/views/Play.js
@@ -97,14 +97,22 @@ class Play extends Component {
   }
   onNavigatorEvent (event) {
     if (event.id === 'didAppear') {
-      const { music } = this.props
-      if (music.playerState === TrackPlayerType.STATE_PLAYING) {
-        this.startRotate()
-      } else {
-        this.stopRotate()
-      }
+      this.updateUI()
     }
   }
+  // update animation state
+  updateUI () {
+    const { music } = this.props
+    if (music.playerState === TrackPlayerType.STATE_PLAYING) {
+      this.startRotate()
+    } else {
+      this.stopRotate()
+    }
+  }
+
+  componentDidUpdate (prevProps) {
+    this.updateUI()
+  }
   render () {
     const { music } = this.props
     const currentMusic = music.list.find(item => item.id === music.trackId)