如何使用透明状态栏获取全屏幕背景？

我想在全屏中显示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

如何使用透明状态栏获取全屏幕背景？

回答

相关问题