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

У меня есть 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"

можете ли вы попробовать принятый ответ, упомянутый здесь stackoverflow.com/questions/44701245/…

Aravind S 25.06.2018 08:29

@AravindS ничего не меняет, заголовок по-прежнему отображается вверху :(

STEPHEN bui 25.06.2018 08:35

Можете ли вы попробовать navigationOptions: { header: null } в имени маршрута в качестве опоры ... например, screen: Home, navigationOptions: { header: null }

Aravind S 25.06.2018 08:38

все еще без изменений

STEPHEN bui 25.06.2018 08:41

не могли бы вы поделиться своим обновленным файлом app.js.

Aravind S 25.06.2018 08:42

ничего не изменится, также с {headerMode: 'none'}

STEPHEN bui 25.06.2018 08:43

Позвольте нам продолжить обсуждение в чате.

Aravind S 25.06.2018 08:45
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
1
7
109
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

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

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

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

Другие вопросы по теме