Панель навигации react-native-router-flux перекрывает область содержимого

В приведенном ниже коде панель навигации перекрывает область содержимого. т. е. текст «Тестовые данные» не отображается.

<Scene key="root">
    <Scene key="ContentArea" component={ContentArea} title="Content" initial/>
</Scene>

class ContentArea extends Component {
  render() {
    return (
      <View style={{flex: 1}}>
        <Text>Test Data</Text>
      </View>
    );
  }
}

После добавления paddingTop появляется текст «Тестовые данные».

<View style={{flex: 1, paddingTop: 50}}>

Есть ли другая возможность не перекрывать область содержимого панелью навигации без использования атрибута стиля «paddingTop» (основное намерение состоит в том, чтобы избежать жестко запрограммированного значения, указав пространство paddingTop как 50).