MacOs with chip M1 has different setup for environment React Native, some people got error and didn’t got any solution. In this article I will share to you how to setup React Native on MacOs M1
1. Install Brew
Open your terminal and copy this
/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"
If install finish, copy on the red line first and press enter then copy on the blue line and press enter
Check brew version by
brew --version
If you can see brew version, it's mean brew already installed on your mac
2. Install Node
Back to terminal, and type this
brew install node
Check your node version by
node --version
3. Install Watchman
Now we need to install watchman
brew install watchman
4. Install Xcode
Go to AppStore and install Xcode. It’s take a bit long time for installation because Xcode have a huge size. Wait until finish like this
After you open Xcode it will show alert ask to install Rosetta. I’m not sure we actually need it. Let’s press NOT NOW and we install as soon as we need.
Now we open the Xcode and we go to preferences. You can see on this picture
Go to locations path and click command line tools let’s select Xcode version
5. Set iOS simulator
Now we need to install emulator or simulator by click Components and choose emulator what we want to. It also take a bit long time because size a quite big. If installation was finish, it will look like this. Let's pick for iPhone 12 or 13
6. Install Ruby
Install ruby by Open Terminal and copy this
brew install ruby
7. Install cocoapods
install cocoapods by specify folders where we need to install, this is very important. So I would like to be
sudo gem install -n /usr/local/bin ffi cocoapods
now we can see our pod version by type this on terminal
pod --version
Installation was finish. Now we can create new React Native project by type
npx react-native init ExampleYourProject
(Add On) 8. If you still got error, follow this section. If not, you don’t need to follow this
if you still got error, trying use this
sudo arch -arch x86_64 gem install cocoapods
then copy this
sudo arch -arch x86_64 gem install ffi
then it’s possible to run it to your ios folder by going to your project and cd/ios and type this
arch -arch x86_64 pod install
Yey congratulations now you are already finish all React Native setup environment.
If you have any question, feel free to ask me on
email : charismakurniawan@gmail.com
instagram : charismaaji
Top comments (0)