https://github.com/aiba/react-native-m1

react-native 0.64.2 with Apple M1 and XCode 12.5
https://github.com/aiba/react-native-m1

Last synced: about 2 months ago
JSON representation

react-native 0.64.2 with Apple M1 and XCode 12.5

• Host: GitHub
• URL: https://github.com/aiba/react-native-m1
• Owner: aiba
• Created: 2021-06-27T17:06:53.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2021-06-27T17:26:10.000Z (about 3 years ago)
• Last Synced: 2024-06-09T20:41:20.911Z (3 months ago)
• Size: 528 KB
• Stars: 168
• Watchers: 5
• Forks: 42
• Open Issues: 4
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        

# react-native 0.64.2 with Apple M1 and Xcode 12.5

This is how I got react-native to compile on Apple Silicon without rosetta.

## Clean Caches

```bash

$ pod cache clean --all

$ yarn cache clean

$ rm -rf ~/Library/Developer/Xcode/DerivedData/*

```

## Create Project

```bash

$ npx [email protected] init MyApp

$ cd MyApp

$ open ios/MyApp.xcworkspace

```

## Configure XCode

(Make sure to be working in the `.xcworkspace` not the `.xcodeproj`)

### MyApp -> Info -> iOS Deployment Target: set to 12.1

![](ios-deploy-target.png)

### MyApp -> Build Settings -> Architectures -> Excluded Architectures: set to arm64

![](excluded.png)

### MyApp -> Build Settings -> Library Search Paths: remove all of them.

Should look like this when you're done:

![](libsearch.png)

### Next create an empty "BridgingFile.swift" to get XCode to do swift bridging.

* File -> New -> File...

* Call it "BridgingFile.swift"

* Choose "Create Bridging Header"

* (File can remain empty)

![](bridgingfile.png)

## Now edit MyApp/ios/Podfile

Change the platform line to:

```ruby

platform :ios, '12.1'

```

Replace  `use_flipper!()` and `post_install` (lines 24-28) with:

```ruby

  use_flipper!({ 'Flipper' => '0.95.0', 'Flipper-Folly' => '2.6.7', 'Flipper-DoubleConversion' => '3.1.7' })

  post_install do |installer|

    installer.pods_project.build_configurations.each do |config|

      config.build_settings["EXCLUDED_ARCHS[sdk=iphonesimulator*]"] = "arm64"

      config.build_settings['IPHONEOS_DEPLOYMENT_TARGET'] = '12.1'

    end

    react_native_post_install(installer)

  end

```

## Rebuild Pods

```bash

$ cd ios

$ rm -rf Pods Podfile.lock

$ rm -rf ~/Library/Developer/Xcode/DerivedData/*

$ pod deintegrate && pod setup && pod install

```

The XCode Project should now compile and run.

## References:

- [https://gist.github.com/badsyntax/72c5c965fcaefe66d049a8c2cdf34198](https://www.notion.so/72c5c965fcaefe66d049a8c2cdf34198)

- [https://github.com/facebook/react-native/issues/31480](https://github.com/facebook/react-native/issues/31480)

- [https://github.com/facebook/react-native/issues/29605](https://github.com/facebook/react-native/issues/29605)

- [https://stackoverflow.com/questions/66369650/undefined-symbol-protocol-descriptor-for-swift-expressiblebyfloatliteral-issu](https://stackoverflow.com/questions/66369650/undefined-symbol-protocol-descriptor-for-swift-expressiblebyfloatliteral-issu)

- [https://stackoverflow.com/questions/63261150/yogakit-modulemap-not-found-after-running-the-ios-simulator](https://stackoverflow.com/questions/63261150/yogakit-modulemap-not-found-after-running-the-ios-simulator)

- [https://github.com/facebook/react-native/commit/4246c75d0d5b9dccbe0fd5ecec66b4cc0331f815](https://github.com/facebook/react-native/commit/4246c75d0d5b9dccbe0fd5ecec66b4cc0331f815)