Не указывать заголовок для всех компонентов React-Native

Question

У меня есть 4 компонента, для которых все определены static navigationOptions = {header: null}.Но это занимает очень много времени, когда вы определяете это в каждом компоненте.Поэтому я определяю {header: null} в createStackNavigator, но заголовок по-прежнему отображается в верхней части компонента.

Можете ли вы, ребята, помочь?

import { createStackNavigator } from 'react-navigation';
import Home from './Components/Home';
import Main from './Components/Main';
import SubjectDetail from './Components/AnimalSubject';
import Lesson from "./Components/Lesson";

const App = createStackNavigator({
     First: { screen: Home },
     Second: { screen: Main },
     Third: { screen: SubjectDetail },
     Four: {screen: Lesson},
//Route name with specified component
},
{
     transitionConfig: () => ({ screenInterpolator: () => null }),
//remove transition config
},
{
     initialRouteName: 'First',
//the component name 'Home' will be initiated first
},
{
     header: null
//defined header: nul
}
);

export default App;

моя среда

"react": "16.3.1",
"react-native": "~0.55.2",
"react-navigation": "^2.2.5",
"node": "v8.11.2"
"npm": "v6.1.0"

Answer 1

Вероятно, этот код должен работать для вас (на основе Документы стекового навигатора )

const App = createStackNavigator({
     First: { screen: Home },
     Second: { screen: Main },
     Third: { screen: SubjectDetail },
     Four: {screen: Lesson},
},
{
     headerMode: 'none',
     transitionConfig: () => ({ screenInterpolator: () => null }),
     initialRouteName: 'First',
},
);

Вы должны передать объект с маршрутами в качестве первого параметра и общие параметры в качестве второго.