DynamicColorIOS not working anymore with react-native 0.65.1

[magrinj]

🐛 Bug Report

Using DynamicColorIOS inside Navigation.setDefaultOptions break after upgrading to react-native 0.65.1.

It seams fo happen since 0.65.0 as some changes has been made on DynamicColorIOS to add highContrast feature.

https://github.com/react-native-community/releases/blob/master/CHANGELOG.md#ios-specific-1
react/react-native@4b9d9dd

Everything was working properly on react-native 0.64.

Have you read the Contributing Guidelines on issues?

Yes

To Reproduce

1. Put some DynamicColorIOS inside Navigation.setDefaultOptions

Expected behavior

No error thrown working properly.

Actual Behavior

The following error is thrown:

JSON value 'NoColor' of type NSString cannot be converted to a UIColor. Did you forget to call processColor() on the JS side?
JSON value '{
    dynamic =     {
        dark = NoColor;
        light = NoColor;
    };
}' of type NSMutableDictionary cannot be converted to a UIColor. Expected an iOS dynamic appearance aware color.

Your Environment

• React Native Navigation version: 7.19.1
• React Native version: 0.65.1
• Platform(s) (iOS, Android, or both?): iOS
• Device info (Simulator/Device? OS version? Debug/Release?): Simulator - Debug

Reproducible Demo

Navigation.setDefaultOptions({
    layout: {
      componentBackgroundColor: DynamicColorIOS({dark: 'black', light: 'white'}),
    },
);

Are you willing to resolve this issue by submitting a Pull Request?

• ✖️   Yes, I have the time, but I don't know how to start. I would need guidance.

[karlsander]

I'm pretty sure this regression was introduced by this PR #7178 in 7.19.0 and not react-native 0.65.0. When I downgrade, the issue is solved.

[magrinj]

@karlsander I think you're right, I've updated both libraries at the same time but didn't point the right spot 😏

[yogevbd]

I fixed the issue but I recommend you using our own dark mode support.
That's how you can do it for both Android and iOS:

Navigation.setDefaultOptions({
    layout: {
      componentBackgroundColor: { dark: 'black', light: 'white' },
    },
);

[rosskhanas]

@yogevbd since 7.19.0 PlatformColor not working anymore as well. Is it expected?

This is what cause the error:

largeTitle: {
color: PlatformColor("labelColor"),
}