React-native-navigation: MacOS support status

[pie6k]

📚 Documentation

I've created an app with Wix navigation and I was pretty happy with the results. Right now, however, I'm planning to release the mac version of my app and I'm doing some research about available options.

I was not able, however, to find out what is the 'official' status of MacOS support with the catalyst for Wix navigation.

It would be great to have some information about that in README or docs of the project.

In specifics:

• Is mac support a priority?
• Is mac support planned?
• Is it working / supposed to work / if it is working, can it break at any point as it is not a priority for the project?

---

The only mention I've found in docs is:

primaryBackgroundStyle#
Set background style of sidebar. Currently works for Mac Catalyst apps only. See: Optimizing Your iPad App for Mac

This sounds promising and seems like it is indeed supported, but I'm a bit worried that it's quite far from being 'first-class' support.

Have you read the Contributing Guidelines on issues?

Yes

[guyca]

@frane Is working on an app targeting macOS. https://github.com/wix/react-native-navigation/pull/6419 note the screenshot is of an app running on mac. Perhaps he or @yogevbd can assist.

[danilobuerger]

Just a fyi: our app using rnn works just fine on catalyst, no problems at all. So yes it works, but its probably not "officially" supported. What that means is that if you have any issues you will probably have to fix them yourself but we will of course accept a PR for it.

[frane]

Hi @pie6k,

Currently (AFAIK) there are three ways of creating react native apps for Mac:

• https://github.com/ptmt/react-native-macos - Deprecated in favor of Microsoft's version
• https://github.com/microsoft/react-native-macos - Relatively early development, does not support RNN yet. The team has plans to support it, but doesn't say when
• https://developer.apple.com/mac-catalyst/ - Mac Catalyst, what I'm using right now. It's basically run iOS apps on Mac. Supports RNN out of the box and I didn't encounter any issue so far.

To use Mac Catalyst:

1. In your iOS project settings under "Targets > General" enable "Mac".

1. Now you can run select your Mac in Xcode and press the "Run" button or
   in terminal run' npx react-native run-ios --device "Frane's MacBook Pro" "
   -- device does the trick

2. The Mac build of the app should pop up just like the iOS simulator does, but just as native app.
   If it doesn't, you can find it under:
   ~/Library/Developer/Xcode/DerivedData//Build/Debug-maccatalyst/

Hope this helps.

[jinshin1013]

It's honestly quite amazing that it worked with Mac Catalyst without much work!. If we support Web as well, RNN would be one platform for all!

[mrousavy]

@jinshin1013 well, there's still Windows and we can't re-use any existing code on windows since that's WinRT (so C# or C++) 😬