Dockerで環境構築したReact nativeでExpo Goがエラーで表示されない

Question

前提

こちらの記事の通り、Dockerを使用してReact native + Expo + Typescript の環境構築をしています。

実現したいこと

$ docker-compose upを実行して、表示されたQRコードを読み取り、iPhoneで実機テストを行いたいです。

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

iPhoneのExpo Goの画面には

There was a problem loading the requested app. 

It looks like you may be using a LAN URL. 
Make sure your device is on the same network as the server, and that you have granted Expo Go the Local Network permission in the Settings app, or try using the tunnel connection type. 

Try again 
Go back to Expo Home 
exp://192.168.0.2:19000 

The request timed out.

と表示されています。

該当のソースコード

FROM node:14-alpine

WORKDIR /usr/src/app/

RUN apk update && apk add bash

RUN yarn global add expo-cli

version: "3"
services:
  react_native:
    build: ./docker/react_native
    volumes:
      - ./react_native/:/usr/src/app
    env_file: .env
    command: yarn start
    ports:
      - "19000:19000"
      - "19001:19001"
      - "19002:19002"

REACT_NATIVE_PACKAGER_HOSTNAME=192.168.0.2

調べてみましたが、あまりよく分かりませんでした。
ご教示いただけますと幸いです、よろしくお願いします。

Comments

[hoshi-takanori]

REACT_NATIVE_PACKAGER_HOSTNAME に設定するのはお使いの Mac の IP アドレスでは。
(そもそも React Native の開発に docker なんて必要なんだろうか…。)

[Error]

一応自分のMacのIPでも試しているのですがダメでした。
諦めてローカルで開発することにします🙇‍♂️

[hoshi-takanori]

Mac の Firewall の設定とか、そもそも iPhone が Mac と同じネットワーク (Wifi) に繋がってるかなども確認するといいかも。(じゃないとローカルでもつながらない可能性が…。)

[Error]

ローカルでは接続できました！
結局何が原因かもよく分からないままですが……。
ありがとうございます。