Setup React Native on MacOS (Android Version) | React Native Course #2

แชร์
ฝัง
  • เผยแพร่เมื่อ 5 ก.พ. 2025
  • Yo! wassup in this video we'll learn how to setup react native cli for android using MacOS I hope you truly enjoy this series :D
    repo: github.com/ars...
    docs: reactnative.de...
    Meme of the day: • Morgan and Morgan 3.0
    videos below are recommendations I thought would be useful to install react native on your windows or Linux device:
    windows tutorial: • React Native Environme...
    Linux tutorial: • React native set up on... LINKS: linktr.ee/arsl... 👀 Support the channel 😁: www.paypal.com...

ความคิดเห็น • 52

  • @mysticmight
    @mysticmight ปีที่แล้ว +4

    I've spent half a day trying to configure this until I found this video. Thank you.

    • @arslan99
      @arslan99  ปีที่แล้ว

      No worries 😁

  • @kashif2309
    @kashif2309 ปีที่แล้ว +1

    thank you so much! I was having a hard time setting up android environment setup for mac

  • @marvinfok65
    @marvinfok65 ปีที่แล้ว +1

    Arslan, you lessons are just invaluable! I had so much problems with my new Mac M1 & only your lessons managed to help me solve them and get them working!!! You are the man! But the only imperfection, yeah, is the volume is quite soft😅

    • @arslan99
      @arslan99  ปีที่แล้ว +1

      I'm glad you got it haha but yup I gotta speak louder lol

  • @burm4npgoget707
    @burm4npgoget707 2 ปีที่แล้ว +2

    Thank you so much. Especially about the environment variable config!

    • @arslan99
      @arslan99  2 ปีที่แล้ว

      I'm glad you found the video useful 😄

  • @kaiprism
    @kaiprism 2 ปีที่แล้ว +1

    This really helps man! Thank you so much!

    • @arslan99
      @arslan99  2 ปีที่แล้ว +1

      Glad I could help ya out

  • @hariharanmohan273
    @hariharanmohan273 ปีที่แล้ว +1

    Really helpful. thank you

    • @arslan99
      @arslan99  ปีที่แล้ว

      Glad it was helpful!

  • @ahmedAshraf-xo7mj
    @ahmedAshraf-xo7mj 9 หลายเดือนก่อน

    I was watching this video in a library and they told me to raise the volume.

  • @nurulraws4490
    @nurulraws4490 2 ปีที่แล้ว +1

    Great tutorial, sir

    • @arslan99
      @arslan99  2 ปีที่แล้ว

      Glad I could help

  • @mohammadmohsin9941
    @mohammadmohsin9941 ปีที่แล้ว +2

    Bro can you please make a video on how to do the setup on M2 chip for iOS as I have been facing this problem for a very long time.

    • @arslan99
      @arslan99  ปีที่แล้ว

      Unfortunately rtunately I don't have a M2 Mac so I probably can't help sorry

  • @nursedaozcan5854
    @nursedaozcan5854 ปีที่แล้ว +1

    Doesn't this installation video work on m2 pro?

    • @arslan99
      @arslan99  ปีที่แล้ว +1

      I'm not too sure but it should

  • @hanlinoo9256
    @hanlinoo9256 3 หลายเดือนก่อน +1

    Please helps me,what mean password(video1mins37second).Ican't any write that place.Please helps me

    • @arslan99
      @arslan99  2 หลายเดือนก่อน

      oh password is just your computers password

  • @danielmadhala4376
    @danielmadhala4376 ปีที่แล้ว +1

    Great job! just fix the export ANDROID_HOME=$HOME/.zshrc. you don't need to edit the export. When you export the ANDROID_SDK_ROOT environments, it should be in the .zshrc.

  • @TheEemedia
    @TheEemedia 2 ปีที่แล้ว +1

    Where is the link to the instructions on the React setup? Would be nice to have that in the description.

    • @arslan99
      @arslan99  2 ปีที่แล้ว

      I'm sorry I'm not too sure what you mean can you please elaborate?

    • @TheEemedia
      @TheEemedia 2 ปีที่แล้ว

      @@arslan99 Yes you are following the react native instructions, but I was trying to find the link and was unable to find it.
      BTW great video!

  • @GeekTecStudio
    @GeekTecStudio 2 ปีที่แล้ว +1

    I tried this but for some reason I still get that error with Error: spawn ./gradlew EACCES... and I can't get rid of it

    • @arslan99
      @arslan99  2 ปีที่แล้ว

      Try doing ./gradlew clean in your android folder that should help I think

    • @GeekTecStudio
      @GeekTecStudio 2 ปีที่แล้ว +1

      @@arslan99 solved it. What worked for me was to open the android folder in android studio and then I got a notification to upgrad gradle. After I did that it worked just fine.

    • @arslan99
      @arslan99  2 ปีที่แล้ว +1

      @@GeekTecStudio glad you got it!

  • @raeesnazeem
    @raeesnazeem 2 ปีที่แล้ว +1

    I am not able to open the emulator which keeps crashing and not responding.

    • @arslan99
      @arslan99  2 ปีที่แล้ว +1

      What error does the console return if it still doesn't work uninstall the emulator and retry

    • @raeesnazeem
      @raeesnazeem 2 ปีที่แล้ว +1

      @@arslan99 Thanks! That worked

    • @arslan99
      @arslan99  2 ปีที่แล้ว +1

      @@raeesnazeem glad it worked!

    • @mohamedouedraogo2978
      @mohamedouedraogo2978 2 ปีที่แล้ว +1

      I am run an old project and actually I am getting two errors:
      -failed to launch emulator
      - failed to install the app.
      I am using Mac Pro M1.
      I did follow all your descriptions.
      Could you please help me.

    • @arslan99
      @arslan99  2 ปีที่แล้ว

      Open Android studio, create a device and then run device once the device is ran then run your npx react-native run-android

  • @alexshapiro6815
    @alexshapiro6815 ปีที่แล้ว +1

    Where is the link for the documentation you're using?

    • @arslan99
      @arslan99  ปีที่แล้ว

      reactnative.dev/docs/environment-setup

  • @dglalperen
    @dglalperen ปีที่แล้ว +1

    For some reason i am able to build but not start the android build. I get this error:
    Failed to connect to development server using "adb reverse": spawnSync adb ENOENT
    info Starting the app...
    error Failed to start the app.
    Error: spawnSync adb ENOENT
    Do you have any clue ?
    Thanks :D

    • @arslan99
      @arslan99  ปีที่แล้ว +1

      I'm not too sure, did you check stack overflow?

    • @dglalperen
      @dglalperen ปีที่แล้ว +1

      @@arslan99 actually found this one and it really worked for me :D
      github.com/facebook/react-native/issues/28712

    • @dglalperen
      @dglalperen ปีที่แล้ว +1

      @@arslan99 sometimes i wonder myself why i dont stay at expo asdksjlasd

    • @arslan99
      @arslan99  ปีที่แล้ว +1

      @@dglalperen niceeeee glad you got it working haha

    • @arslan99
      @arslan99  ปีที่แล้ว +1

      @@dglalperen well both stock react native and Expo have their positive and negative but make sure you stick to what best suits your needs

  • @guigarcia99
    @guigarcia99 2 ปีที่แล้ว +1

    i got this error message: error Your Ruby version is 2.6.10, but your Gemfile specified 2.7.6

    • @arslan99
      @arslan99  2 ปีที่แล้ว

      This will help solve your issue
      stackoverflow.com/a/37915028

  • @MythicEcho
    @MythicEcho ปีที่แล้ว +1

    4:02 ;)

  • @NelsonMunthe-xk9ne
    @NelsonMunthe-xk9ne 9 หลายเดือนก่อน

    i got his error message, "error Failed to install the app. Command failed with EACCES: ./gradlew app:installDebug -PreactNativeDevServerPort=8081
    spawn ./gradlew EACCES." anybody can help me?

  • @atsglobalservices6136
    @atsglobalservices6136 ปีที่แล้ว +1

    please help me, I used macbook pro 2019
    Error
    info Launching emulator...
    error Failed to launch emulator. Reason: No emulators found as an output of `emulator -list-avds`.
    warn Please launch an emulator manually or connect a device. Otherwise app may fail to launch.
    info Installing the app...
    FAILURE: Build failed with an exception.
    * What went wrong:
    Could not open settings generic class cache for settings file '/Users/mac/Desktop/sunday/AwesomeProject/android/settings.gradle' (/Users/mac/.gradle/caches/7.5.1/scripts/6hrksilieebwgbc2tk6l5h8hd).
    > BUG! exception in phase 'semantic analysis' in source unit '_BuildScript_' Unsupported class file major version 64
    * Try:
    > Run with --stacktrace option to get the stack trace.
    > Run with --info or --debug option to get more log output.
    > Run with --scan to get full insights.
    * Get more help at help.gradle.org
    BUILD FAILED in 1s
    error Failed to install the app. Make sure you have the Android development environment set up: reactnative.dev/docs/environment-setup.
    Error: Command failed: ./gradlew app:installDebug -PreactNativeDevServerPort=8081
    FAILURE: Build failed with an exception.
    * What went wrong:
    Could not open settings generic class cache for settings file '/Users/mac/Desktop/sunday/AwesomeProject/android/settings.gradle' (/Users/mac/.gradle/caches/7.5.1/scripts/6hrksilieebwgbc2tk6l5h8hd).
    > BUG! exception in phase 'semantic analysis' in source unit '_BuildScript_' Unsupported class file major version 64
    * Try:
    > Run with --stacktrace option to get the stack trace.
    > Run with --info or --debug option to get more log output.
    > Run with --scan to get full insights.
    * Get more help at help.gradle.org
    BUILD FAILED in 1s
    at makeError (/Users/mac/Desktop/sunday/AwesomeProject/node_modules/execa/index.js:174:9)
    at /Users/mac/Desktop/sunday/AwesomeProject/node_modules/execa/index.js:278:16
    at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
    at async runOnAllDevices (/Users/mac/Desktop/sunday/AwesomeProject/node_modules/@react-native-community/cli-platform-android/build/commands/runAndroid/runOnAllDevices.js:82:7)
    at async Command.handleAction (/Users/mac/Desktop/sunday/AwesomeProject/node_modules/@react-native-community/cli/build/index.js:108:9)
    info Run CLI with --verbose flag for more details.

    • @arslan99
      @arslan99  ปีที่แล้ว

      Did you create an Android emulator and started it yet?

    • @atsglobalservices6136
      @atsglobalservices6136 ปีที่แล้ว

      @@arslan99 I did, I have had to delete my java 11 and installed jdk 11 so my gradle can work well.
      Its still throwing errors and yet to build

    • @ayazhussain9848
      @ayazhussain9848 ปีที่แล้ว

      @Arslan i'm also facing this issue how can i fix this ?

    • @atsglobalservices6136
      @atsglobalservices6136 ปีที่แล้ว

      @@ayazhussain9848 I was able to fix this issue by downgrading to jdk 11. Also, i ran this
      cd ./android/app/
      and then
      keytool -genkey -v -keystore debug.keystore -storepass android -alias androiddebugkey -keypass android -keyalg RSA -keysize 2048 -validity 10000