React Navigationによるヘッダーの入れ子状態を防ぐ方法

はじめに

新卒エンジニア3ヶ月目、StackNavigatorやBottomTabNavigatorもそこそこふわっと理解してきた私は、調子に乗ってStackNavigatorとBottomTabNavigatorを組み合わせて遊んでいた。
そんな時、

↑のようにヘッダが複数表示されてしまうことに気づいた。
StackNavigator上で設定されたヘッダがそのまま残ってしまい、BottomNavigator上のヘッダが適切に表示されてなくなっていたのだ。

解決策

別にどうということもなく

static navigationOptions = {
　header: null,
};

として元のヘッダを消してやればいいだけだった。おわり。