React-native-navigation: [V3] TopBar Icon color is always blue on iOS 13

[sallar]

Issue Description

I'm trying to set topBar icons with custom colors, but they're always defaulting to blue on iOS 13.

Steps to Reproduce / Code Snippets / Screenshots

Same thing happens in playground:

in both instances the icons are supposed to be red. If I remove the color from config, the image color will be used (black).

    rightButtons: [
      {
        id: 'add-shelf',
        icon: require('../../../assets/ui/book-library.png'),
        color: 'red',
      },

---

Environment

• React Native Navigation version: 3.5.1
• React Native version: 0.61.4
• Platform(s) (iOS, Android, or both?): iOS
• Device info (Simulator/Device? OS version? Debug/Release?): 13.2 Simulator

[sallar]

It seems like this is the same issue as: #5647 I tried their solution (calling mergeOptions after mount), and it fixes the issue.

  useNavigationComponentDidAppear(() => {
    Navigation.mergeOptions(componentId, {
      topBar: {
        rightButtons: [
          {
            id: 'add-shelf',
            icon: require('../../../assets/ui/medical-room-wait.png'),
            color: '#ffffff',
          },
        ],
      },
    });
  }, componentId);

[yogevbd]

Fixed in 9f43bca3573e8833eb8219c6e7a829d8d92faac0