How to use React Native and MacOS Catalyst

react-native-macos-catalyst.md

Follow these steps to run your React Native application using MacOS Catalyst.

1. Use the following package versions:

+ "metro-react-native-babel-preset": "^0.59.0",
+ "react-native": "0.63.0",
+ "react-native-macos": "^0.63.23",

2. Update your metro.config.js to recognize MacOS support files:

{
+  resolver: {
+    platforms: ["ios", "android", "native", "macos"],
+  }
}

4. Deactivate Flipper/Folly and remove references to flipper_post_install.
5. Update your Podfile to automatically sign MacOS dependencies:

  post_install do |installer|
+    # Fix bundle targets' 'Signing Certificate' to 'Sign to Run Locally'
+    installer.pods_project.targets.each do |target|
+      if target.respond_to?(:product_type) and target.product_type == "com.apple.product-type.bundle"
+          target.build_configurations.each do |config|
+              config.build_settings['CODE_SIGN_IDENTITY[sdk=macosx*]'] = '-'
+          end
+      end
+    end
  end

7. Remove your Podfile.lock and re-run npx pod-install.
8. In your Project, select MacOS as the deployment target and verify that you wish to add MacOS Support Files.

And we're done! 🚀