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

时间:2017-03-05 08:26:50

标签: react-native 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后,文本&#39;测试数据&#39;出现。

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

是否有其他可能性,不使用导航栏与内容区域重叠而不使用样式属性&#39; paddingTop&#39; (主要内容是通过将paddingTop空间设为50来避免硬编码值。)

1 个答案:

答案 0 :(得分:2)

不,我想,您应该对更改进行硬编码。 以下是此问题讨论的链接

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