react-native iOSのエミュレーターが上手く動作できない(WebAPIに通信が不可)

前提

現在react-nativeでスマホアプリを開発しております。

実現したいこと

iOSのエミュレーターでローカルで起動させたスタブ(WebApi or Mockoon)にAPIが投げられるようにしたい。

発生している問題・エラーメッセージ

現状以下のコマンドで起動したandroidのエミュレーターでは自分の立ち上げたローカルのWebAPIにaxiosの通信ができて、
処理が行えるので、問題なく動作しているのですが、
「react-native run-android」

以下のコマンドで起動したiOSのエミュレーターだと、ログインボタンを押下した際に、WebAPIにリクエストが投げられず、
timeoutエラーが返ってきてしまいます。
「react-native run-ios」

android側では上手くいっているのに、iosだけ動かないのがよく理解できていないのですが、こちらiosは何か設定など
必要なのでしょうか？

試したこと

・ググっても同様の事象を見つけられず
・そもそもググり方も怪しいかもしれません。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

hoshi-takanori

2022/11/23 11:58

Web API はどこで動いていて、どんな URL でアクセスしてますか？

nakam_taro

2022/11/25 10:37

返信が遅くなり大変申し訳ありません。環境は以下になります。現在はMockoonと呼ばれるスタブを返す物を使用して、テストを実施しています。 >> Web API はどこで動いていて →その為Mockoonを使ってWebAPIとして返してテスト等を行っています。 >> どんな URL でアクセスしてますか？以下のパスでアクセスするようにしています。「http://10.0.2.2:3000/パス名」でアクセスするようにしており、こちらではAndroidで動いています。 ※また本来の環境ではDocker上でNestJSのNode.jsを起動させてアクセスしておりますが、その場合も上記のパスでアクセスができることは確認できております。 ※Mockoonとは、WebAPIなどを仮値で返してくれるスタブのツールとなります。

hoshi-takanori

2022/11/25 10:57

10.0.2.2 は Android Emulator からアクセスする場合ですね。iOS Simulator の場合は localhost で良いはず…。

nakam_taro

2022/11/25 11:34

そうなんですね。ありがとうございます。 iOSとAndroidで起動する際に、条件分岐させる方法を調べて、各エミュレーターに投げられるように実装したいと思います。本当に毎度助かっております。ありがとうございます。