TabNavigator - 隐藏状态栏

时间:2017-11-19 09:47:08

标签: react-native react-navigation

我正在使用react-native和react-navigation。

我想要隐藏状态栏。但它仍然可见,或者它不像我试图隐藏它那样工作。

首次尝试会导致完整的白屏。好像导航器甚至没有加载。 第二次尝试也是一样的。 最后一次尝试正在运行,我有我想要的但显示状态栏。我希望它隐藏起来。

我在网络上找到的示例使用与第二次尝试相同的语法。我不明白为什么我的工作没有......

resolveAddrs ::  [Int -> [Instruction]] -> [Instruction]
resolveAddrs funcs = mconcat . snd $ accumulate funcs
    where
    accumulate :: [Int -> [Instruction]] -> (Int,[[Instruction]])
    accumulate = mapAccumL step 0
    step address func = let is = func address in (address + length is,is)

由于

2 个答案:

答案 0 :(得分:1)

我不知道ReactCoran是如何实现的,但这通常有效:

style={{flex: 1}}添加到父视图

<View style={{flex: 1}}>
    <StatusBar hidden={true}/>
    <ReactCoran />
</View>

如果这有帮助,请告诉我。如果没有向我们展示ReactCoran的代码。

答案 1 :(得分:0)

在反应导航中,可以通过添加以下内容隐藏状态栏:

static navigationOptions = {
    header: null
}

到组件。更多信息:https://reactnavigation.org/docs/stack-navigator.html#navigationoptions-used-by-stacknavigator