совместное использование стека реакции и навигации - PullRequest
Новая
       7

совместное использование стека реакции и навигации

0 голосов
/ 02 апреля 2020

Я пытаюсь использовать StackNavigator, и я хочу использовать ту же навигацию через другие мои экраны.

Моя конфигурация:

  • Экспо версия: 3.0.10
  • «реакция-навигация»: «^ 4.3.6»,
  • «реакция-навигация-стек»: «^ 2.3.10»

В моем Navigation.js : 

import { createAppContainer } from 'react-navigation'
import { createStackNavigator} from 'react-navigation-stack'
import Step1 from '../Components/Steps/Step1'
import Step2 from '../Components/Steps/Step2'

const StepsStackNavigator = createStackNavigator({
  Step1: {
      screen: Step1,
      navigationOptions: {
      title: 'Etape 1',
    }},
  Step2: {
      screen: Step2,
    navigationOptions: {
      title: 'Step2'
    }
  }
})

export default createAppContainer(StepsStackNavigator)

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

 headerStyle: {backgroundColor: 'rgba(255, 255, 0, 0.7)'},
 headerTintColor: 'black',
 headerTitleStyle: {fontWeight: 'bold'}

Кто-нибудь может мне помочь, пожалуйста!

1 Ответ

1 голос
/ 02 апреля 2020

Это хороший пример того, как у меня настроен стековый навигатор, ваши параметры вставлены. 

const MainStackNavigator = createStackNavigator({
  Step1: {
    screen: Step1,
    navigationOptions: {
      title: 'Etape 1'
    }
  },
  Step2: {
    screen: Step2,
    navigationOptions: {
      title: 'Step2'
    }
  }
}, {
  headerStyle: {backgroundColor: 'rgba(255, 255, 0, 0.7)'},
  headerTintColor: 'black',
  headerTitleStyle: {fontWeight: 'bold'}
});

const AppNav = createAppContainer(MainStackNavigator);

export default AppNav;

Если у вас установлен intellisense, можно нажать cmd на импорт из createStackNavigator и просмотрите параметры, которые он принимает, в частности, второй аргумент. Нажав на любую из них, вы перейдете к объявлению и увидите доступные параметры конфигурации.

...