如何在React Native上隐藏createStackNavigator的头文件？

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,
    },
})

Answer 2

要为中的所有视图禁用标题createStackNavigator，可以使用headerMode选项。

const AppStackNavigator = createStackNavigator({
  Home: HomePage,
  Friend: AddFriend,
  Bill: AddBill,
},
{
  headerMode: 'none',
})

参考：StackNavigatorConfig-createStackNavigator-React Navigation