react-native-router-flux 导航栏与内容区域重叠

Question

与下面的代码导航栏重叠内容区域。即文本 'Test Data' 未出现。

<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后，出现文字'Test Data'。

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

是否有任何其他可能性，不使用样式属性 'paddingTop' 不使内容区域与导航栏重叠（主要目的是通过将 paddingTop space 设为 50 来避免硬编码值）。

Answer 1

不，我认为您应该对更改进行硬编码。这是本期讨论link

https://github.com/aksonov/react-native-router-flux/issues/103

react-native-router-flux 导航栏与内容区域重叠

react-native-router-flux navigation bar overlaps content area

react-native

react-native-router-flux