2017-02-18 21 views

回答

2

首先讓我們來了解react-native-router-flux中的場景是如何工作的。當您在導航定義它們,就像下面,

<Scene sceneStyle={{marginTop: 64}} title="Home" key="home" component={Home} /> 

你簡單地說,我的內容應該呈現預先定義的導航欄下面。根據您的操作系統,可以是54或64。因此,當您使用路由器,

<Router navigationBarStyle={{backgroundColor: 'transparent'}}> 

,並添加navigationBarStyle你必須通過引入線的每一個場景,你幾乎忘了你在前面已經做了什麼,你的設置場景本身對齊的導航欄下面的一些餘量。因此,您在模擬器中看不到任何東西(空白區域)。

爲了有你需要的東西,做到這一點,你想你的形象出現全屏幕導航控件:

Actions.refresh({ 
    key: 'home', 
    navigationBarStyle: {backgroundColor: 'transparent'}, 
    sceneStyle: {marginTop: 0}, 
}); 

或者你定義它,你可以在你的場景組介紹這個設置。

我測試了這個解決方案,它適用於iOS,說不出的Android相同,因此請在進行更改之前備份您的代碼。您可以進一步對其進行自定義以刪除borderBottom行。

sample screenshot

+0

明智的答案。再次感謝.. –

+0

@BadmusTaofeeq謝謝:)如果它有幫助,你可以接受。這將讓其他人知道這個答案滿足你的需求,他們也可以應用它。 – eden