@dormakaba/digital-reactnative-client/src/modules/navigation/utils.js

dormakaba digital react components and utils

import React from 'react';
import { Platform } from 'react-native';
import { Button, colors, vars } from '@dormakaba/digital-reactnative-visual';

export function getStackOptions(initialRouteName) {
  return {
    initialRouteName,
    navigationOptions: ({ navigation }) => {
      const options = {
        headerTintColor: colors.white,
        headerStyle: {
          backgroundColor: colors.blue,
          elevation: 0,
          shadowOpacity: 0,
          borderBottomWidth: 0,
          marginTop: Platform.select({ ios: 0, android: 0 }),
        },
        headerTitleStyle: { fontFamily: vars.sansserif.light },
        headerBackTitleStyle: { fontFamily: vars.sansserif.light, fontSize: 12 },
      };

      if (navigation.state.routeName === initialRouteName) {
        options.headerLeft = (
          <Button
            containerStyle={{
              minWidth: 0,
              backgroundColor: 'transparent',
              borderColor: 'transparent',
            }}
            iconStyle={{
              color: colors.white,
              fontSize: 40,
              marginRight: 10,
              marginLeft: -10,
            }}
            onPress={() => navigation.openDrawer()}
            icon="14009"
          />
        );
      }

      return options;
    },
  };
}