2017-03-05 112 views
1

使用下面的代碼導航欄重疊內容區域。即不顯示文本「測試數據」。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,以避免硬編碼值)。

回答