react-native-screens/lib/module/components/helpers/prepareHeaderBarButtonItems.js

Native navigation primitives for your React Native app.

import { Image, processColor } from 'react-native';
const prepareMenu = (menu, index, side) => {
  return {
    ...menu,
    items: menu.items.map((menuItem, menuIndex) => {
      const iconType = menuItem.icon?.type;
      const sfSymbolName = iconType === 'sfSymbol' ? menuItem.icon?.name : undefined;
      const xcassetName = iconType === 'xcasset' ? menuItem.icon?.name : undefined;
      let imageSource, templateSource;
      if (menuItem.icon?.type === 'imageSource') {
        imageSource = Image.resolveAssetSource(menuItem.icon.imageSource);
      } else if (menuItem.icon?.type === 'templateSource') {
        templateSource = Image.resolveAssetSource(menuItem.icon.templateSource);
      }
      if (menuItem.type === 'submenu') {
        return {
          ...menuItem,
          sfSymbolName,
          xcassetName,
          imageSource,
          templateSource,
          ...prepareMenu(menuItem, menuIndex, side)
        };
      }
      return {
        ...menuItem,
        sfSymbolName,
        xcassetName,
        imageSource,
        templateSource,
        menuId: `${menuIndex}-${index}-${side}`
      };
    })
  };
};
export const prepareHeaderBarButtonItems = (barButtonItems, side) => {
  return barButtonItems?.map((item, index) => {
    if (item.type === 'spacing') {
      return item;
    }
    let imageSource, templateSource;
    if (item.icon?.type === 'imageSource') {
      imageSource = Image.resolveAssetSource(item.icon.imageSource);
    } else if (item.icon?.type === 'templateSource') {
      templateSource = Image.resolveAssetSource(item.icon.templateSource);
    }
    const titleStyle = item.titleStyle ? {
      ...item.titleStyle,
      color: processColor(item.titleStyle.color)
    } : undefined;
    const tintColor = item.tintColor ? processColor(item.tintColor) : undefined;
    const badge = item.badge ? {
      ...item.badge,
      style: {
        ...item.badge.style,
        color: processColor(item.badge.style?.color),
        backgroundColor: processColor(item.badge.style?.backgroundColor)
      }
    } : undefined;
    const processedItem = {
      ...item,
      imageSource,
      templateSource,
      sfSymbolName: item.icon?.type === 'sfSymbol' ? item.icon.name : undefined,
      xcassetName: item.icon?.type === 'xcasset' ? item.icon.name : undefined,
      titleStyle,
      tintColor,
      badge
    };
    if (item.type === 'button') {
      return {
        ...processedItem,
        buttonId: `${index}-${side}`
      };
    }
    if (item.type === 'menu') {
      return {
        ...processedItem,
        menu: prepareMenu(item.menu, index, side)
      };
    }
    return null;
  });
};
//# sourceMappingURL=prepareHeaderBarButtonItems.js.map