react-native - React Navigation (V2 / V3): 画面上の navigationOptions で navigation.state.index にアクセスする方法

Question

React Native アプリを構築しており、ナビゲーションには React Navigation (V3) を使用しています。私の UI 要素には React Native Elements を使用しています。

複数のナビゲーターで再利用する画面があります。スタックのルートにある場合もあれば、スタックでプッシュされる場合もあります。headerLeft画面がスタックnavigationOptionsのルートにある場合 (スタックは引き出しに入れ子になっています)。

だから私は次のことを試しました：

export class ScannerScreen extends Component {
  static navigationOptions = ({ navigation }) => ({
    headerLeft:
      navigation.state.index > 0 ? (
        undefined 
      ) : (
        <Icon type="ionicon" name="ios-menu" onPress={navigation.toggleDrawer} />
      ),
    title: strings.scannerTitle
  });
// ...

navigation.state.index問題は、これがそのままでは機能しないことundefinedです。Reactナビゲーションでこれを行うにはどうすればよいですか?

編集： リクエストに応じて、 （ sconsole.log(navigation)経由で）のスクリーンショットを追加しました。 <Icon />onPress