在屏幕之間共享常用的NavigationOptions

Question

所以我在React Native Project中跨多個屏幕設置全局標題樣式時遇到麻煩。

我已經遵循了https://reactnavigation.org/docs/en/headers.html中概述的步驟，但是每次我嘗試運行它時都會收到語法錯誤。

我所要做的就是設置標題背景顏色以及按鈕和標題的色彩。

我已經在下面附加了我的代碼。...如果有人可以指出我的意思，我做錯了，將不勝感激。

[import React, { Component } from 'react';
import { createStackNavigator, createDrawerNavigator } from 'react-navigation';

import {View,Text,StyleSheet,Platform,TouchableOpacity,Image,StatusBar} from 'react-native';

import LoginScreen from '../screens/LoginScreen';
import HomeScreen from '../screens/HomeScreen';
import ProfileScreen from '../screens/ProfileScreen';
import CharityScreen from '../screens/CharityScreen';
import RunScreen from '../screens/RunScreen';

const DrawerNavigator = createDrawerNavigator({
  Home: {
    screen: HomeScreen
  },
  Profile: {
    screen: ProfileScreen
  },
  Charity: {
    screen: CharityScreen
  },
  Run: {
    screen: RunScreen
  }

});

const StackNav = createStackNavigator({
  Login: {
    screen: LoginScreen
  },
  DrawerNav: {
    screen: DrawerNavigator
  },
  {
    navigationOptions: {
      headerStyle: {
        backgroundColor: '#2b3991',
      },
      headerTintColor: '#fff'
    },
  },
});

export default StackNav;][1]

錯誤信息：

錯誤：捆綁失敗：C：\\ Users \\ Michal \\ apps \\ run \\ src \\ nav \\ rootnav.js中的語法錯誤：C：/Users/Michal/apps/run/src/nav/rootnav.js：意外令牌（35： 4）33 | DrawerNav：{34 | 屏幕：DrawerNavigator，

35 | {| ^ 36 | navigationOptions：{37 | headerStyle：{38 | backgroundColor：'＃2b3991'，

Answer 1

嘗試使用此代碼，因為您的代碼中NavigationOptions處存在一個同步文本錯誤

const StackNav = createStackNavigator({
   Login: {
    screen: LoginScreen
   },
   DrawerNav: {
   screen: DrawerNavigator
  },
}, 
{
 navigationOptions: {
  headerStyle: {
    backgroundColor: '#2b3991',
  },
  headerTintColor: '#fff'
 },
  }, 
);

Answer 2

Try designing the navigator like below:-

const StackNav = createStackNavigator(
  {
    Login: LoginScreen,
    DrawerNav: DrawerNavigator,
  },
  {
    navigationOptions: {
      headerStyle: {
        backgroundColor: '#2b3991',
      },
      headerTintColor: '#fff'
    }
  }
);