react-native - 如何在React Native上隐藏createStackNavigator的 header ？

Question

我想隐藏标题，因为我已经在代码中设置了工具栏样式：

import {createStackNavigator}
from 'react-navigation'
const AppStackNavigator = createStackNavigator ({
  Home: HomePage,
  Friend: AddFriend,
  Bill: AddBill,
})
class App extends Component {
render() {
  return (
  <AppStackNavigator initialRouteName='Home'/>`<br>
  );
  }
}
export default App;

我应该在代码中添加什么？

Answer 1

像这样更新您的代码

const AppStackNavigator = createStackNavigator ({
    Home: {
        screen: HomePage, 
        navigationOptions: {
            header: null,
        },
    },
})

如果您不想要所有屏幕的标题，则

const AppStackNavigator = createStackNavigator ({
    Home: {
        screen: HomePage,
    },
},
{
    navigationOptions: {
        header: null,
    },
})

注意：此解决方案适用于旧版本的React Navigation。