android - 反応ネイティブで状態が変化してもコンポーネントのオーバーレイが消えない

Question

以下は私のコードです：

// Styling for the common loader
const loader = StyleSheet.create({
  centering: {
    flex: 1,
    position: 'absolute',
    top: 0,
    left: 0,
    right: 0,
    bottom: 0,
    padding: 8,
    zIndex: 1005,
    backgroundColor: '#fff',
    opacity: 0.8
  },
});

// State
this.state = {
   animating: false
};

// Component
{
  this.state.animating ?
  <ActivityIndicator
    animating={this.state.animating}
    color="#8bcb43"
    style={loader.centering}
    size="large"
  />
    :
  null
}

this.state.animatingがtrueの場合とfalseの場合のローダーの外観のスクリーンショットを添付しました。

this.state.animatingが false のときにコンポーネントが消えない理由に驚いています。何が間違っているのかわかりません。