如何使用透明狀態欄獲取全屏幕背景？

我想在全屏中顯示react-native-maps。但是應該在地圖上顯示StackNavigator的標題（反應原生導航）。狀態欄也一樣。我想在地圖上添加一個小的漸變，使狀態欄和後退按鈕（以及右側標題側的更多按鈕）更具可讀性。如何使用透明狀態欄獲取全屏幕背景？

此刻使用StackNavigator自動限制「全屏」地圖（flex：1）到導航標題的底部。

如何解決這個問題？

反應母語：0.46

反應導航：1.0.0-beta.11

來源

2017-07-27 rakete

爲了澄清，您希望地圖爲全屏，但選項卡和堆棧導航器位於其上方。如果不從所有導航器中移除屏幕，並且在地圖上方實現透明視圖，我認爲不可能這樣做。 –

是的！你是對的..我希望有另一種方式... – rakete

對於那些誰想要解決這個問題，只需添加以下到您的屏幕組件：

static navigationOptions = { 
    headerStyle: { 
     position: 'absolute', 
     top: 0, 
     left: 0 
    }, 
    headerBackTitleStyle: { 
     opacity: 0, 
    }, 
    headerTintColor: '#fff' 
};

，並添加一些LinearGradients（如果你想），你有這樣的事情：

來源

2017-07-28 01:00:30 rakete

如果你包括你目前使用的版本，以備將來的文檔，會更好。 –

如何使用透明狀態欄獲取全屏幕背景？

回答

相關問題