Как скрыть заголовок createStackNavigator на React Native?

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

Можете ли вы попробовать:

static navigationOptions = {
    header: null
}

Внутри вашего экрана компонента.

Answer 2

Чтобы отключить заголовки для всех представлений в createStackNavigator, вы можете использовать опцию headerMode.

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

Ссылка: StackNavigatorConfig - createStackNavigator - Реактивная навигация

Answer 3

Для скрытия заголовков для определенных экранов или глобально, вы можете сделать

const StackNavigator = createStackNavigator({
    Home: {
        screen: HomePage,
        navigationOptions: {
            header: null // Will hide header for HomePage
        }
    }
}, {
    navigationOptions: {
        header: null // Will hide header for all screens of current stack navigator,
        headerLeft: <HeaderLeft /> // Component to be displayed in left side of header (Generally it can be Hamburger)
        headerRight: <HeaderRight /> // Component to be displayed in right side of header
    }
})

Также обратите внимание, что определенные настройки экрана будут иметь приоритет над глобальными настройками. Надеюсь, это поможет.

Answer 4

Я использовал следующий код, чтобы скрыть заголовок.

   {
    navigationOptions: {
        header: null // Will hide header for all screens of current stack 

    }

Answer 5

обновить свой код, как этот код

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

и если вам не нужен заголовок для всех экранов,

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